/* Base: vpnbuck.biz + mode C */
*,:after,:before{box-sizing:border-box}
body{background:#000000;margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#ffffff;line-height:1.6}
p,h1,h2,h3,h4,h5{margin:0}
a{text-decoration:none}
img{max-width:100%;object-fit:cover}
.container{width:100%;margin:0 auto;padding:0 32px;max-width:1200px}
header{background:rgba(0,0,0,0.95);backdrop-filter:blur(20px);border-bottom:1px solid #1f1f1f;transition:0.3s ease;position:fixed;top:0;left:0;right:0;z-index:1000}
html{scroll-behavior:smooth}
.head-desc{display:flex;align-items:center;justify-content:space-between;padding:24px 0}
.menu-desc ul{display:flex;flex-direction:row;align-items:center;gap:48px;list-style:none;margin:0;padding:0}
.menu-desc ul li a{font-size:16px;font-weight:500;line-height:1.6;color:#cccccc}
.menu-desc ul li a:hover{color:#ffffff;transition:0.3s}
.logo-desc a{font-size:24px;font-weight:600;color:#ffffff;display:flex;align-items:center;gap:10px}
.logo-desc a:hover{opacity:0.8}
.logo-icon{width:28px;height:28px;stroke:#8B5CF6;fill:none;stroke-width:2;flex-shrink:0}
.button-h-desc{font-size:14px;background:#8B5CF6;color:#ffffff;padding:8px 24px;font-weight:500;border-radius:12px;transition:0.3s}
.button-h-desc:hover{background:#7C3AED;transform:translateY(-2px)}
.intro::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,0.06) 0%,transparent 50%);pointer-events:none}
.intro{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#000000 0%,#111111 100%);position:relative;overflow:hidden;padding-top:100px;padding-bottom:64px}
.intro-block{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:2}
.title-h1{font-size:60px;margin-bottom:24px;background:linear-gradient(135deg,#ffffff 0%,#cccccc 100%);-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;line-height:1.2;text-align:center}
.txt{font-size:20px;font-weight:400;max-width:600px;margin:0 auto 48px;color:#cccccc}
.intro-button{display:flex;flex-direction:row;justify-content:center;gap:24px;margin-bottom:64px}
.intro-button-b{background:#8B5CF6;padding:16px 32px;border-radius:12px;color:#ffffff;font-size:16px;font-weight:500;transition:0.3s}
.intro-button-b:hover{background:#7C3AED;transform:translateY(-2px)}
.intro-button-c{background:transparent;padding:16px 32px;border-radius:12px;color:#ffffff;font-size:16px;font-weight:500;border:2px solid #404040;transition:0.3s}
.intro-button-c:hover{background:rgba(255,255,255,0.05);border-color:#ffffff}
.intro-card{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:64px}
.card-item{display:flex;flex-direction:column;align-items:center}
.intro-numb{font-size:32px;font-weight:700;color:#ffffff;margin-bottom:4px}
.intro-txt{font-size:14px;color:#cccccc;text-transform:uppercase;letter-spacing:-0.7px}
.why{background:#111111;padding:64px 0}
.title-h2{font-size:48px;text-align:center;margin-bottom:64px;line-height:1.2;font-weight:600;color:#ffffff}
.why-block{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.why-item{background:#1f1f1f;padding:48px;border-radius:16px;border:1px solid #2a2a2a;opacity:0;transform:translateY(50px);transition:transform 0.5s,opacity 0.5s}
.why-item.visible{opacity:1;transform:translateY(0)}
.why-item:hover{transform:translateY(-6px) !important;transition:0.3s}
.why-icon{width:60px;height:60px;background:#8B5CF6;border-radius:12px;display:flex;justify-content:center;align-items:center;margin-bottom:24px}
.why-icon svg{width:28px;height:28px;fill:#ffffff}
.why-item h3{font-size:28px;font-weight:600;line-height:1.2;margin-bottom:16px;color:#ffffff}
.why-item p{font-size:18px;font-weight:400;line-height:1.6;color:#cccccc}
.now{background:#0a0a0a;text-align:center;padding:64px 0;border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f}
.title-h2-s{font-size:48px;font-weight:600;margin-bottom:24px;color:#ffffff;line-height:1.2}
.now-txt{font-size:20px;line-height:1.6;color:#cccccc;margin-bottom:48px;font-weight:400}
.button-now{padding:20px 48px;background:#8B5CF6;border-radius:12px;font-size:20px;font-weight:500;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;transition:0.3s}
.button-now:hover{background:#7C3AED;transform:translateY(-2px)}
.pricing-section{background:#000000;padding:64px 0}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;max-width:900px;margin:0 auto}
.pricing-card{background:#1f1f1f;border:1px solid #2a2a2a;border-radius:16px;padding:40px 28px;text-align:center;position:relative;transition:0.3s}
.pricing-card:hover{transform:translateY(-6px);border-color:#404040}
.pricing-card.featured{border-color:#8B5CF6;background:#111111}
.pricing-popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#8B5CF6;color:#ffffff;padding:4px 20px;font-size:12px;border-radius:12px;font-weight:600;white-space:nowrap}
.pricing-label{font-size:14px;color:#999999;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.price-amount{font-size:52px;font-weight:700;color:#ffffff}
.price-currency{font-size:24px;font-weight:600;color:#ffffff}
.price-period{font-size:15px;color:#999999;display:block;margin-top:4px;margin-bottom:8px}
.pricing-save{font-size:13px;color:#A78BFA;margin-bottom:28px;min-height:18px}
.pricing-btn{display:block;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:500;transition:0.3s;background:transparent;border:1px solid #404040;color:#ffffff}
.pricing-card.featured .pricing-btn{background:#8B5CF6;border-color:#8B5CF6;color:#ffffff}
.pricing-btn:hover{background:#8B5CF6;border-color:#8B5CF6;transform:translateY(-2px)}
.referral{background:#111111;padding:64px 0;border-top:1px solid #1f1f1f}
.referral-inner{background:#1f1f1f;border:1px solid #2a2a2a;border-radius:24px;padding:48px;display:flex;align-items:center;gap:48px;max-width:800px;margin:0 auto}
.referral-icon{width:72px;height:72px;background:#8B5CF6;border-radius:16px;display:flex;justify-content:center;align-items:center;flex-shrink:0}
.referral-icon svg{width:32px;height:32px;fill:none;stroke:#ffffff;stroke-width:2}
.referral-inner h2{font-size:30px;font-weight:600;color:#ffffff;margin-bottom:12px;line-height:1.2}
.referral-inner p{font-size:17px;color:#cccccc;margin-bottom:24px;line-height:1.6}
.referral-btn{display:inline-flex;align-items:center;padding:14px 32px;background:#8B5CF6;border-radius:12px;color:#ffffff;font-weight:500;font-size:16px;transition:0.3s}
.referral-btn:hover{background:#7C3AED;transform:translateY(-2px)}
.faq{background:#111111;padding:64px 0}
.faq-block{max-width:800px;margin:0 auto}
.details{position:relative;display:block;max-width:100%;margin:0 auto 4px;overflow:hidden;border-bottom:1px solid #2a2a2a}
.details::after{position:absolute;right:10px;top:36px;content:"";display:block;width:10px;height:10px;border-right:3px solid #ffffff;border-bottom:3px solid #ffffff;transform:rotate(-45deg);transform-origin:center;transition:.3s}
.details[open]::after{transform:rotate(45deg)}
.details[open]{padding-bottom:20px}
.details__title{padding:28px 40px 28px 0;font-size:18px;cursor:pointer;list-style:none;font-weight:500;color:#ffffff}
.details__title::-webkit-details-marker{display:none}
.details__content{font-size:16px;line-height:1.7;color:#cccccc}
.f-desc{background:#0a0a0a;border-top:1px solid #1f1f1f;padding:4rem 0 2rem}
.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:64px;margin-bottom:48px}
.footer-logo a{font-size:20px;font-weight:600;color:#ffffff;display:flex;align-items:center;gap:10px}
.footer-logo a:hover{opacity:0.8}
.footer-logo svg{width:24px;height:24px;fill:none;stroke:#8B5CF6;stroke-width:2}
.footer-txt{font-size:15px;font-weight:400;line-height:1.7;color:#999999;margin-top:16px}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.title-ser{color:#ffffff;font-weight:500;margin-bottom:16px;font-size:15px}
.f-top-r ul{padding:0;list-style:none;margin:0}
.f-top-r li{margin-bottom:8px}
.f-top-r a{color:#999999;font-size:14px;transition:0.15s ease}
.f-top-r a:hover{color:#ffffff}
.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid #1f1f1f;font-size:14px;color:#666666}
@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.scroll-fade-in{animation:fadeIn 0.8s ease-out}
.head-mob{display:none}
@media(max-width:480px){
.container{padding:0 16px}
.title-h1{font-size:36px}
.txt{font-size:17px}
.head-desc{display:none}
.intro-button-c{display:none}
.intro-card{flex-direction:column;align-items:center;gap:24px}
.title-h2{font-size:32px;margin-bottom:32px}
.title-h2-s{font-size:30px}
.why-block{grid-template-columns:1fr;gap:24px}
.why-item{padding:28px}
.why-item h3{font-size:22px}
.pricing-grid{grid-template-columns:1fr}
.referral-inner{flex-direction:column;gap:24px;padding:28px}
.footer-top{grid-template-columns:1fr;gap:32px}
.footer-links{grid-template-columns:1fr}
.head-mob{display:flex;flex-direction:row;padding:12px 0;align-items:center;justify-content:space-between}
.logo-mob a{display:flex;align-items:center;gap:8px;color:#ffffff;font-size:18px;font-weight:600}
.logo-mob svg{width:22px;height:22px;fill:none;stroke:#8B5CF6;stroke-width:2}
.menu-mob ul{list-style:none;padding:0;margin:30px 0}
.menu-mob ul li{padding:7px 0}
.menu-mob ul li a{color:#ffffff;font-weight:500;font-size:20px;line-height:1.7}
.menu-popup .button-h-desc{font-size:16px;padding:16px 32px}
}


/* === SEO Block === */
.seo-block{padding:40px 20px;border-top:1px solid rgba(128,128,128,0.15)}
.seo-block-wrap{max-width:960px;margin:0 auto}
.seo-block-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#888;margin:0 0 14px}
.seo-block-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.seo-block-links li a{font-size:13px;line-height:1.9;color:#4a90e2;text-decoration:none}
.seo-block-links li a:hover{text-decoration:underline}