@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");.homepage-content{overflow-x:hidden}.homepage-content .hero{padding:150px 5% 100px;display:flex;align-items:center;justify-content:center;gap:10rem;background:linear-gradient(135deg,rgba(58,134,255,.1),rgba(10,10,18,1))}.homepage-content .hero h1{font-size:3.5rem;margin-bottom:10px;font-family:Krona One,serif;background:linear-gradient(90deg,#2175fc,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homepage-content .hero p{font-size:1.2rem;color:#a0a0a0;width:600px;margin-bottom:25px;line-height:1.6}.homepage-content .hero-buttons{display:flex;gap:20px;margin-bottom:50px}.homepage-content .servers{padding:80px 5%;background-color:#151521}.homepage-content .servers-container{display:flex;justify-self:center;justify-content:center;flex-wrap:wrap;gap:1rem;width:93%;margin:0 auto}.homepage-content .server-card{display:flex;align-items:center;gap:10px;background-color:rgba(255,255,255,.03);border-radius:8px;width:600px;padding:15px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.homepage-content .server-card:hover{background-color:rgba(255,255,255,.07);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.homepage-content .server-info h3{width:320px;font-size:1.2rem;margin-bottom:5px}.homepage-content .server-info h3,.homepage-content .server-info p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.homepage-content .server-info p{color:#a0a0a0;font-size:.9rem}.homepage-content .server-members{margin-left:auto;display:flex;gap:5px;align-items:center;color:#a0a0a0}.homepage-content .features{padding:80px 5%}.homepage-content .features-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-top:50px}.homepage-content .feature-card{display:flex;justify-content:center;align-content:center;gap:2rem;width:60%;background-color:#151521;border-radius:10px;padding:30px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.homepage-content .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.homepage-content .feature-card h3{display:flex;align-items:center;font-size:1.5rem;margin-bottom:15px}.homepage-content .feature-card p{color:#a0a0a0;line-height:1.6}.homepage-content .premium-subscription{padding:80px 5%;background-color:#151521}.homepage-content .subscriptions-container{display:flex;justify-self:center;justify-content:center;gap:3rem;width:100%;margin:0 auto}.homepage-content .subscription-card{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;background-color:#24242448;border-radius:8px;width:400px;padding:30px 20px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.homepage-content .badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#ffcc00;color:black;font-weight:700;padding:5px 15px;border-radius:12px}.homepage-content .title{font-size:20px;font-weight:700;margin-bottom:20px}.homepage-content .switch{background:#25252583;display:flex;justify-content:center;border-radius:20px;margin:0 0 15px}.homepage-content .switch button{border:none;background-color:transparent;padding:10px 16px;color:#fff;cursor:pointer;border-radius:20px}.homepage-content .switch .active{background:#007bff}.homepage-content .price{display:flex;align-items:center;font-size:70px;font-weight:700;margin-bottom:15px}.homepage-content .price span{font-size:24px;color:#aaa;vertical-align:top}.homepage-content .feature{display:flex;align-items:center;justify-content:space-between;background:#25252583;width:90%;padding:8px 12px;margin:6px 0;border-radius:20px}.homepage-content .feature .check{color:#00c853}.homepage-content .subscription-card #obs{margin-top:15px;font-size:12px;color:#858585}.homepage-content .buy-button{background:#1e90ff;border:none;padding:12px;width:70%;color:white;font-size:16px;border-radius:12px;margin-top:20px;cursor:pointer}.homepage-content .subscription-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.homepage-content .cta{padding:100px 5%;text-align:center;background:linear-gradient(135deg,rgba(58,134,255,.1),rgba(10,10,18,1))}.homepage-content .cta h2{font-size:2.5rem;margin-bottom:20px}.homepage-content .cta p{color:#a0a0a0;max-width:700px;margin:0 auto 40px;line-height:1.6}@media (max-width:768px){.homepage-content .hero{padding:150px 5% 100px;flex-direction:column;gap:1rem}.homepage-content .hero .piper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.homepage-content .hero h1{font-size:40px}.homepage-content .hero p{font-size:18px;width:auto}.homepage-content .hero img{width:350px;height:auto}.homepage-content .servers-container{flex-direction:column;justify-self:auto;align-items:center;justify-content:center;flex-wrap:nowrap;width:90%}.homepage-content .server-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;width:100%;padding:15px}.homepage-content .server-card .server-icon{width:60px;height:60px}.homepage-content .server-info h3{width:200px;justify-self:center;font-size:18px}.homepage-content .server-info p{color:#a0a0a0;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.homepage-content .server-members{margin-left:0}.homepage-content .features-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-top:50px}.homepage-content .feature-card{flex-direction:column;width:100%;padding:20px}.homepage-content .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.homepage-content .feature-card img{justify-self:center;width:310px;height:auto}.homepage-content .subscriptions-container{display:flex;flex-direction:column;justify-self:center;justify-content:center;gap:3rem;width:100%}.homepage-content .subscription-card{flex-direction:column;width:100%}.homepage-content .cta h2{font-size:2.3rem}}