.hero{padding:120px 0 80px;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(102,126,234,.2) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(118,75,162,.1) 0%,transparent 50%)}
.hero__content{position:relative;z-index:1;max-width:800px;margin:0 auto}
.hero__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:.8rem;color:var(--accent-primary);font-weight:600;margin-bottom:24px}
.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-success);animation:pulse 2s infinite}
.hero__title{margin-bottom:20px;line-height:1.1}
.hero__subtitle{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--text-secondary);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}
.hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.quick-proxies{padding:60px 0}
.quick-proxies__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}
.quick-proxies__title{font-size:1.5rem;font-weight:700}
.quick-proxies__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.advantages{padding:80px 0}
.advantages__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.advantage-card{padding:32px 24px;text-align:center}
.advantage-card__icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:rgba(102,126,234,.1);border-radius:var(--radius);color:var(--accent-primary)}
.advantage-card__icon svg{width:28px;height:28px}
.advantage-card__title{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}
.advantage-card__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6}

.trust{padding:60px 0}
.trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.trust__item{text-align:center;padding:32px 16px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius)}
.trust__value{font-size:2rem;font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}
.trust__label{font-size:.85rem;color:var(--text-secondary)}

.guide-section{padding:80px 0}
.guide-section__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto 32px}
.guide-step{text-align:center;padding:32px 24px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius)}
.guide-step__num{width:48px;height:48px;border-radius:50%;background:var(--gradient-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;margin:0 auto 16px}
.guide-step__title{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}
.guide-step__desc{font-size:.85rem;color:var(--text-secondary)}

.telegram-help{padding:60px 0}
.telegram-help__inner{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05));border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-lg);padding:48px;text-align:center}
.telegram-help__title{font-size:1.5rem;font-weight:700;margin-bottom:12px}
.telegram-help__desc{max-width:500px;margin:0 auto 24px;color:var(--text-secondary)}

.regions{padding:80px 0}
.regions__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-width:800px;margin:0 auto}
.region-card{padding:16px;text-align:center;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:all var(--transition-normal);cursor:default}
.region-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}
.region-card__flag{font-size:2rem;margin-bottom:4px}
.region-card__name{font-size:.8rem;color:var(--text-secondary);font-weight:500}
.region-card__count{font-size:.7rem;color:var(--text-muted)}

.autoupdate{padding:60px 0}
.autoupdate__inner{display:flex;align-items:center;gap:48px;justify-content:center;flex-wrap:wrap}
.autoupdate__text{max-width:500px}
.autoupdate__title{font-size:1.5rem;font-weight:700;margin-bottom:12px}
.autoupdate__desc{color:var(--text-secondary);line-height:1.7}
.autoupdate__visual{width:200px;height:200px;position:relative}
.autoupdate__circle{width:200px;height:200px;border-radius:50%;border:2px solid var(--glass-border);position:relative;display:flex;align-items:center;justify-content:center}
.autoupdate__circle::before{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent-primary);animation:spin 3s linear infinite}
.autoupdate__circle-inner{font-size:3rem}

.faq-section{padding:80px 0}
.faq-list{max-width:700px;margin:0 auto}
.faq-item{border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden;transition:all var(--transition-fast)}
.faq-item:hover{border-color:rgba(102,126,234,.3)}
.faq-question{width:100%;padding:16px 20px;background:var(--bg-card);border:none;color:var(--text-primary);font-size:.95rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-question::after{content:'+';font-size:1.2rem;color:var(--accent-primary);transition:transform var(--transition-fast);flex-shrink:0}
.faq-item.open .faq-question::after{transform:rotate(45deg)}
.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:all var(--transition-normal)}
.faq-item.open .faq-answer{max-height:500px;padding:0 20px 16px}
.faq-answer p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}

@media(max-width:1024px){
.quick-proxies__grid{grid-template-columns:repeat(2,1fr)}
.advantages__grid{grid-template-columns:repeat(2,1fr)}
.trust__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.hero{padding:100px 0 60px}
.quick-proxies__grid{grid-template-columns:1fr}
.advantages__grid{grid-template-columns:1fr}
.trust__grid{grid-template-columns:repeat(2,1fr)}
.guide-section__steps{grid-template-columns:1fr}
.autoupdate__inner{flex-direction:column;text-align:center}
.regions__grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
.trust__grid{grid-template-columns:1fr}
.regions__grid{grid-template-columns:repeat(2,1fr)}
.telegram-help__inner{padding:32px 20px}
}