:root{--p:#7c3aed;--p2:#6d28d9;--p3:#a78bfa;--dark:#08060f;--dark2:#0f0b1a;--dark3:#160f26;--text:#f5f3ff;--muted:#9ca3af;--border:#2d1f4a;--shadow:0 4px 24px rgba(124,58,237,.15);--font-head:'Cinzel',serif;--font:'Raleway',sans-serif;--r:10px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--dark);color:var(--text);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.container{max-width:1180px;margin:0 auto;padding:0 24px}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--dark2);border-top:2px solid var(--p);z-index:9999;padding:14px 24px;display:none}
.cookie-banner.show{display:block}
.cookie-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cookie-inner svg{width:16px;height:16px;color:var(--p3);flex-shrink:0}
.cookie-inner p{font-size:.82rem;color:var(--muted);flex:1}
.cookie-inner a{color:var(--p3)}
.cookie-btns{display:flex;gap:8px}
.cbtn{padding:7px 18px;border-radius:6px;font-size:.82rem;font-weight:700;cursor:pointer;border:none;font-family:var(--font)}
.cbtn--accept{background:var(--p);color:#fff}
.cbtn--decline{background:transparent;color:var(--muted);border:1px solid var(--border)}
.top-bar{background:var(--dark2);border-bottom:1px solid var(--border);padding:7px 0}
.tb-in{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}
.tb-in span{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);font-weight:600}
.tb-in svg{width:12px;height:12px;color:var(--p3)}
.header{background:rgba(8,6,15,.95);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}
.header__inner{display:flex;align-items:center;height:64px;gap:16px}
.logo{display:flex;align-items:center;gap:10px}
.logo__icon{width:36px;height:36px;background:linear-gradient(135deg,var(--p),var(--p2));border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo__icon svg{width:16px;height:16px;color:#fff}
.logo__text span{display:block;font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--text);line-height:1;letter-spacing:.05em}
.logo__text em{display:block;font-size:.55rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--p3);font-style:normal}
.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav a{padding:7px 14px;border-radius:6px;font-size:.82rem;font-weight:600;color:var(--muted);transition:.2s}
.nav a:hover{color:var(--p3)}
.nav__cta{background:var(--p)!important;color:#fff!important}
.nav__cta:hover{background:var(--p2)!important}
.hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--text);padding:4px;margin-left:auto}
.hamburger svg{width:22px;height:22px}
@media(max-width:900px){.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--dark2);flex-direction:column;padding:14px;border-top:1px solid var(--border)}.nav.open{display:flex}.hamburger{display:flex}.header{position:relative}}
.btn-night{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;padding:12px 26px;border-radius:8px;font-size:.88rem;font-weight:700;transition:.2s;border:none;cursor:pointer;font-family:var(--font);text-decoration:none;box-shadow:0 4px 20px rgba(124,58,237,.4)}
.btn-night:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(124,58,237,.5)}
.btn-night svg{width:14px;height:14px}
.btn-full{width:100%;justify-content:center}
.label-night{display:inline-block;color:var(--p3);font-size:.72rem;font-weight:700;margin-bottom:10px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--p);padding-bottom:3px}
.hero{padding:80px 0;background:var(--dark);position:relative;overflow:hidden}
.hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(124,58,237,.12) 0%,transparent 70%);pointer-events:none}
.hero__wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative}
.hero__tag{display:inline-flex;align-items:center;gap:7px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);color:var(--p3);padding:5px 14px;border-radius:20px;font-size:.72rem;font-weight:700;margin-bottom:16px;letter-spacing:.1em;text-transform:uppercase}
.hero__tag svg{width:12px;height:12px}
.hero h1{font-family:var(--font-head);font-size:clamp(2.4rem,5vw,4rem);color:var(--text);line-height:1.1;margin-bottom:16px;font-weight:700}
.hl{color:var(--p3)}
.hero__sub{font-size:.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px;max-width:480px}
.hero__timeline{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;padding-left:8px}
.htl{display:flex;align-items:center;gap:14px}
.htl-time{font-family:var(--font-head);font-size:.8rem;color:var(--p3);font-weight:700;width:48px;flex-shrink:0;letter-spacing:.05em}
.htl-dot{width:10px;height:10px;border-radius:50%;background:var(--p);flex-shrink:0;box-shadow:0 0 8px rgba(124,58,237,.6)}
.htl-txt strong{display:block;font-size:.85rem;color:var(--text);font-weight:700}
.htl-txt span{font-size:.75rem;color:var(--muted)}
.hero__price{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.hero__price del{font-size:1rem;color:var(--muted)}
.hero__price strong{font-size:2.6rem;color:var(--p3);font-weight:700;font-family:var(--font-head)}
.badge-save{background:var(--p);color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px}
.hero__trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}
.hero__trust span{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);font-weight:600}
.hero__trust svg{width:13px;height:13px;color:#f59e0b;fill:#f59e0b}
.hero__trust .lucide-shield-check{color:var(--p3);fill:none}
.hero__right img{width:100%;border-radius:var(--r);box-shadow:0 20px 60px rgba(124,58,237,.25)}
@media(max-width:768px){.hero__wrap{grid-template-columns:1fr;gap:32px}}
.how-sec{padding:80px 0;background:var(--dark2)}
.how-head{text-align:center;margin-bottom:52px}
.how-head h2{font-family:var(--font-head);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--text);margin-bottom:8px;font-weight:700}
.how-steps{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;justify-content:center}
.hs{background:var(--dark3);border:1px solid var(--border);border-radius:var(--r);padding:28px 22px;text-align:center;flex:1;min-width:200px;max-width:280px;position:relative;transition:.2s}
.hs:hover{border-color:var(--p);box-shadow:var(--shadow)}
.hs-num{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--p);color:#fff;font-family:var(--font-head);font-size:.75rem;font-weight:700;padding:3px 12px;border-radius:20px;letter-spacing:.1em}
.hs svg{width:32px;height:32px;color:var(--p3);margin:8px auto 14px}
.hs h3{font-family:var(--font-head);font-size:1rem;color:var(--text);margin-bottom:8px;font-weight:700}
.hs p{font-size:.82rem;color:var(--muted);line-height:1.7}
.hs-arrow{display:flex;align-items:center;padding-top:40px;color:var(--p);opacity:.5}
.hs-arrow svg{width:20px;height:20px}
@media(max-width:768px){.hs-arrow{display:none}}
.ing-sec{padding:80px 0;background:var(--dark)}
.ing-head{text-align:center;margin-bottom:48px}
.ing-head h2{font-family:var(--font-head);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--text);margin-bottom:8px;font-weight:700}
.ing-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ic{background:var(--dark3);border:1px solid var(--border);border-radius:var(--r);padding:22px;transition:.2s}
.ic:hover{border-color:var(--p);box-shadow:var(--shadow)}
.ic-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ic-top svg{width:20px;height:20px;color:var(--p3);flex-shrink:0}
.ic-top h3{font-family:var(--font-head);font-size:.82rem;color:var(--text);font-weight:700}
.ic p{font-size:.8rem;color:var(--muted);line-height:1.7}
@media(max-width:900px){.ing-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ing-cards{grid-template-columns:1fr}}
.night-banner{background:linear-gradient(135deg,var(--p),var(--p2));padding:22px 0}
.nb-in{display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px}
.nb-stat{text-align:center}
.nb-stat strong{display:block;font-family:var(--font-head);font-size:1.8rem;color:#fff;font-weight:700;line-height:1}
.nb-stat span{font-size:.7rem;color:rgba(255,255,255,.7);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.reviews-sec{padding:80px 0;background:var(--dark2)}
.rev-head{text-align:center;margin-bottom:48px}
.rev-head h2{font-family:var(--font-head);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--text);margin-bottom:8px;font-weight:700}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rv{background:var(--dark3);border:1px solid var(--border);border-radius:var(--r);padding:22px;transition:.2s}
.rv-feat{border-color:var(--p);box-shadow:var(--shadow)}
.rv-stars{display:flex;gap:3px;margin-bottom:10px}
.rv-stars svg{width:13px;height:13px;color:#f59e0b;fill:#f59e0b}
.rv p{font-size:.875rem;color:var(--muted);line-height:1.7;margin-bottom:14px}
.rv-auth{display:flex;align-items:center;gap:10px}
.av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.72rem;flex-shrink:0}
.av1{background:var(--p);color:#fff}
.av2{background:#1e40af;color:#fff}
.av3{background:#be185d;color:#fff}
.rv-auth strong{display:block;font-size:.85rem;color:var(--text);font-weight:700}
.rv-auth small{font-size:.72rem;color:var(--muted)}
@media(max-width:768px){.rev-grid{grid-template-columns:1fr}}
.order-sec{padding:80px 0;background:var(--dark)}
.order-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:start}
.order-left h2{font-family:var(--font-head);font-size:1.8rem;color:var(--text);margin-bottom:16px;font-weight:700}
.order-img{width:100%;max-width:280px;border-radius:var(--r);margin:16px 0;box-shadow:var(--shadow)}
.order-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.om{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);font-weight:600}
.om svg{width:14px;height:14px;color:var(--p3);flex-shrink:0}
.order-price{display:flex;align-items:baseline;gap:12px}
.order-price del{font-size:1rem;color:var(--muted)}
.order-price strong{font-size:2.4rem;color:var(--p3);font-weight:700;font-family:var(--font-head)}
.order-right{background:var(--dark3);border:1px solid var(--border);border-radius:var(--r);padding:26px}
.order-right form h3{display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:.9rem;color:var(--text);margin-bottom:14px;font-weight:700;letter-spacing:.05em}
.order-right form h3 svg{width:16px;height:16px;color:var(--p3)}
form{display:flex;flex-direction:column;gap:14px}
.fg{display:flex;flex-direction:column;gap:5px}
.fg label{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.fg input,.fg select,.fg textarea{padding:10px 14px;border:1px solid var(--border);border-radius:6px;font-family:var(--font);font-size:.9rem;color:var(--text);background:#160f26;outline:none;transition:.2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.fg-check{flex-direction:row;align-items:flex-start;gap:10px}
.fg-check input{width:16px;height:16px;margin-top:3px;flex-shrink:0;accent-color:var(--p)}
.fg-check label{font-size:.78rem;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0}
.fg-check a{color:var(--p3);text-decoration:underline}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-note{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);justify-content:center;margin-top:4px}
.form-note svg{width:12px;height:12px}
.success-msg{text-align:center;padding:32px;background:rgba(124,58,237,.08);border-radius:var(--r);border:1px solid rgba(124,58,237,.2)}
.success-msg svg{width:42px;height:42px;color:var(--p3);margin:0 auto 12px}
.success-msg h3{font-family:var(--font-head);font-size:1.1rem;color:var(--text);margin-bottom:8px}
.success-msg p{color:var(--muted);font-size:.88rem}
@media(max-width:900px){.order-wrap{grid-template-columns:1fr}.fg-row{grid-template-columns:1fr}}
.guarantee-sec{padding:52px 0;background:var(--dark2)}
.guar-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:var(--dark3);border:1px solid rgba(124,58,237,.3);border-radius:var(--r);padding:28px 32px;box-shadow:var(--shadow)}
.gi-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--p),var(--p2));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gi-icon svg{width:28px;height:28px;color:#fff}
.gi-text{flex:1}
.gi-text h2{font-family:var(--font-head);font-size:1.3rem;color:var(--text);margin-bottom:6px;font-weight:700}
.gi-text p{font-size:.875rem;color:var(--muted);line-height:1.7;margin-bottom:14px}
.faq-sec{padding:80px 0;background:var(--dark)}
.faq-head{text-align:center;margin-bottom:48px}
.faq-head h2{font-family:var(--font-head);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--text);margin-bottom:8px;font-weight:700}
.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:6px}
.faq-item{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--dark3);border:none;cursor:pointer;font-family:var(--font);font-size:.88rem;font-weight:600;color:var(--text);text-align:left;gap:14px;transition:.2s}
.faq-btn:hover{color:var(--p3)}
.faq-btn svg{width:16px;height:16px;flex-shrink:0;transition:transform .3s;color:var(--p3)}
.faq-item.open .faq-btn svg{transform:rotate(180deg)}
.faq-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-body{max-height:200px}
.faq-body p{padding:0 20px 14px;font-size:.875rem;color:var(--muted);line-height:1.8}
.contact-sec{padding:80px 0;background:var(--dark2)}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:56px}
.cg-left h2{font-family:var(--font-head);font-size:1.8rem;color:var(--text);margin-bottom:10px;font-weight:700}
.cg-left>p{font-size:.9rem;color:var(--muted);line-height:1.8;margin-bottom:22px}
.cg-items{display:flex;flex-direction:column;gap:14px}
.ci{display:flex;align-items:flex-start;gap:12px}
.ci svg{width:18px;height:18px;color:var(--p3);flex-shrink:0;margin-top:2px}
.ci strong{display:block;font-size:.88rem;color:var(--text);font-weight:700}
.ci a{color:var(--p3)}
.ci span{font-size:.75rem;color:var(--muted)}
.cg-right{background:var(--dark3);border:1px solid var(--border);border-radius:var(--r);padding:26px}
.cg-right form h3{font-family:var(--font-head);font-size:.9rem;color:var(--text);margin-bottom:14px;font-weight:700;letter-spacing:.05em}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}
.footer{background:#04030a;padding:52px 0 0;border-top:1px solid var(--border)}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}
.ft-logo{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.ft-logo svg{width:14px;height:14px;color:var(--p3)}
.ft-logo span{font-family:var(--font-head);font-size:.9rem;font-weight:700;color:var(--text);letter-spacing:.05em}
.ft-brand p{font-size:.8rem;color:var(--muted);line-height:1.7}
.ft-reg{font-size:.7rem;color:#333;margin-top:8px}
.ft-col h4{font-size:.68rem;font-weight:700;color:#444;margin-bottom:12px;text-transform:uppercase;letter-spacing:.12em}
.ft-col ul{display:flex;flex-direction:column;gap:7px}
.ft-col a{font-size:.8rem;color:#555;transition:.2s}
.ft-col a:hover{color:var(--p3)}
.ft-col li{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#555}
.ft-col li svg{width:11px;height:11px;flex-shrink:0;color:#333}
.cookie-manage-btn{background:none;border:none;cursor:pointer;font-size:.8rem;color:#555;padding:0;font-family:var(--font);transition:.2s}
.cookie-manage-btn:hover{color:var(--p3)}
.footer-bottom{padding:14px 0}
.fb-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px}
.fb-in p{font-size:.7rem;color:#333}
@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-inner{grid-template-columns:1fr}}