@font-face { font-family:"Manrope Variable"; font-style:normal; font-display:swap; font-weight:200 800; src:url("fonts/manrope-cyrillic.woff2") format("woff2-variations"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:"Manrope Variable"; font-style:normal; font-display:swap; font-weight:200 800; src:url("fonts/manrope-latin.woff2") format("woff2-variations"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Geologica Variable"; font-style:normal; font-display:swap; font-weight:100 900; src:url("fonts/geologica-cyrillic.woff2") format("woff2-variations"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:"Geologica Variable"; font-style:normal; font-display:swap; font-weight:100 900; src:url("fonts/geologica-latin.woff2") format("woff2-variations"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root { --bg:#020711; --panel:#081725; --panel-2:#0c1d2c; --ink:#f4f7f8; --muted:#8496a8; --line:rgba(105,174,205,.17); --cyan:#41ded6; --green:#65dda5; --heading:"Geologica Variable","Manrope Variable",sans-serif; --body:"Manrope Variable",sans-serif; }
* { box-sizing:border-box; }
html { overflow-x:clip; scroll-behavior:smooth; background:var(--bg); }
body { margin:0; overflow-x:clip; background:radial-gradient(circle at 50% -10%,#081523 0,var(--bg) 34%); color:var(--ink); font-family:var(--body); font-weight:430; font-feature-settings:"ss01" 1,"ss02" 1,"kern" 1; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
::selection { background:var(--cyan); color:#021116; }
.shell { width:min(100% - 64px,1376px); margin-inline:auto; }
a:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; border-radius:4px; }

.ambient { position:fixed; z-index:-3; border-radius:50%; filter:blur(140px); pointer-events:none; }
.ambient--one { width:600px; height:600px; right:-260px; top:80px; background:rgba(0,149,185,.13); }
.ambient--two { width:460px; height:460px; left:-250px; top:620px; background:rgba(0,205,194,.07); }

.header { height:94px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; position:relative; z-index:10; }
.logo { width:max-content; font-family:var(--heading); font-size:28px; line-height:1; font-weight:650; letter-spacing:-.065em; }
.logo span { color:var(--cyan); }
.header__label { display:flex; align-items:center; gap:10px; color:#8fa4b6; font-size:11px; font-weight:620; text-transform:uppercase; letter-spacing:.17em; }
.header__label i,.live-dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 14px var(--green); animation:pulse 2.5s ease-in-out infinite; }
.telegram-link { justify-self:end; display:flex; align-items:center; gap:10px; color:#c8d3dc; font-size:13px; font-weight:560; }
.telegram-link svg,.backup a svg,.primary-button svg,.access-note__action svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }

.hero { min-height:700px; display:grid; grid-template-columns:1.03fr .97fr; gap:112px; align-items:center; position:relative; isolation:isolate; padding-block:54px 96px; }
.hero__grid { position:absolute; inset:-94px calc((100vw - 100%) / -2) 0; z-index:-2; opacity:.4; background-image:linear-gradient(rgba(48,156,190,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(48,156,190,.1) 1px,transparent 1px); background-size:62px 62px; mask-image:radial-gradient(ellipse at 68% 44%,black,transparent 68%); }
.verified { width:max-content; display:flex; align-items:center; gap:10px; margin-bottom:25px; color:#b6c6d2; font-size:12px; letter-spacing:.02em; }
.verified span { width:26px; height:26px; display:grid; place-items:center; border:1px solid rgba(93,225,162,.45); border-radius:50%; color:var(--green); background:rgba(93,225,162,.07); }
.hero h1 { margin:0; font-family:var(--heading); font-size:clamp(48px,4.75vw,68px); line-height:1.045; letter-spacing:-.048em; font-weight:540; text-wrap:balance; }
.hero__copy>p { max-width:610px; margin:27px 0 0; color:var(--muted); font-size:16px; line-height:1.75; letter-spacing:-.01em; }
.bookmark-note { display:flex; align-items:center; gap:15px; width:max-content; max-width:100%; margin-top:38px; padding:14px 15px 14px 14px; border:1px solid var(--line); border-radius:12px; background:rgba(9,25,40,.7); color:var(--ink); font:inherit; text-align:left; cursor:pointer; backdrop-filter:blur(12px); transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease; }
.bookmark-note:hover,.bookmark-note:focus-visible { transform:translateY(-3px); border-color:rgba(39,220,211,.52); background:rgba(11,34,50,.92); box-shadow:0 15px 38px rgba(0,0,0,.22); outline:none; }
.bookmark-note.is-active { border-color:rgba(93,225,162,.6); }
.bookmark-note__icon { flex:0 0 auto; width:42px; height:42px; display:grid; place-items:center; border-radius:9px; background:rgba(39,220,211,.08); color:var(--cyan); }
.bookmark-note__icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; }
.bookmark-note__arrow { margin-left:10px; color:var(--cyan); font-size:17px; transition:transform .2s ease; }
.bookmark-note:hover .bookmark-note__arrow { transform:translateX(3px); }
.bookmark-note strong,.bookmark-note small { display:block; }
.bookmark-note strong { font-size:13px; font-weight:590; }
.bookmark-note small { margin-top:4px; color:var(--muted); font-size:11px; }
.bookmark-note kbd { padding:2px 6px; border:1px solid rgba(39,220,211,.28); border-radius:5px; background:rgba(39,220,211,.08); color:#cffffc; font:600 10px/1.4 var(--body); }

.domain-card { min-height:540px; display:flex; flex-direction:column; position:relative; overflow:hidden; padding:30px; border:1px solid rgba(101,229,225,.5); border-radius:25px; background:linear-gradient(145deg,rgba(12,34,53,.92),rgba(3,13,24,.98)); box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 45px 120px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.015); animation:float 8s ease-in-out infinite; transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .4s ease; transform-style:preserve-3d; }
.domain-card:hover { transform:perspective(1100px) rotateX(1.5deg) rotateY(-1.8deg) translateY(-7px); border-color:rgba(105,244,237,.75); box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 55px 140px rgba(0,0,0,.5),0 0 65px rgba(39,220,211,.08); }
.domain-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.055),transparent 65%); transform:translateX(-110%); animation:shine 7s ease-in-out infinite; }
.domain-card__glow { position:absolute; width:300px; height:300px; right:-70px; top:70px; border-radius:50%; background:rgba(28,215,222,.16); filter:blur(80px); }
.domain-card__top { display:flex; align-items:center; gap:10px; position:relative; z-index:2; padding-bottom:25px; border-bottom:1px solid var(--line); color:#b9c8d3; font-size:12px; }
.domain-card__top b { margin-left:auto; padding:6px 9px; border:1px solid rgba(39,220,211,.25); border-radius:999px; color:var(--cyan); font-size:8px; letter-spacing:.18em; }
.domain-card__content { position:relative; z-index:2; margin:auto 0 38px; }
.domain-card__content small { display:block; margin-bottom:14px; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.13em; }
.domain-card__content strong { display:block; font-family:var(--heading); color:var(--cyan); font-size:clamp(42px,3.8vw,56px); line-height:1; letter-spacing:-.052em; font-weight:510; text-shadow:0 0 34px rgba(39,220,211,.18); }
.domain-card__content p { margin:15px 0 0; color:#8499ac; font-size:13px; }
.primary-button { min-height:62px; display:flex; align-items:center; justify-content:center; gap:15px; position:relative; z-index:2; overflow:hidden; border:1px solid #75f7f0; border-radius:10px; background:linear-gradient(110deg,#61eae3 0,#28d5d0 45%,#22b7c6 100%); color:#031017; font-size:13px; font-weight:720; box-shadow:inset 0 1px 0 rgba(255,255,255,.45); transition:transform .25s ease,box-shadow .25s ease; }
.primary-button::before { content:""; position:absolute; inset:-2px; background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.55) 47%,transparent 68%); transform:translateX(-130%); transition:transform .75s ease; }
.primary-button:hover { transform:translateY(-3px); box-shadow:0 18px 48px rgba(39,220,211,.22); }
.primary-button:hover::before { transform:translateX(130%); }
.domain-card__footer { display:flex; justify-content:space-between; position:relative; z-index:2; margin-top:20px; color:#677e92; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.radar { width:250px; height:250px; position:absolute; right:-35px; top:70px; opacity:.34; }
.radar i { position:absolute; inset:50%; border:1px solid rgba(39,220,211,.3); border-radius:50%; transform:translate(-50%,-50%); }
.radar i:nth-child(1){width:80px;height:80px}.radar i:nth-child(2){width:160px;height:160px}.radar i:nth-child(3){width:240px;height:240px}
.radar span { position:absolute; left:50%; top:50%; width:115px; height:1px; transform-origin:left; background:linear-gradient(90deg,var(--cyan),transparent); animation:scan 5s linear infinite; }

.trust { padding-block:125px 140px; }
.trust__heading { display:grid; grid-template-columns:.8fr 1.2fr; gap:120px; align-items:end; margin-bottom:58px; }
.eyebrow { margin:0 0 22px; color:var(--cyan); font-size:10px; font-weight:680; text-transform:uppercase; letter-spacing:.24em; }
.eyebrow span { display:inline-block; width:22px; height:1px; margin-right:11px; vertical-align:middle; background:var(--cyan); }
.trust h2,.backup h2 { margin:0; font-family:var(--heading); font-size:clamp(32px,3.2vw,46px); line-height:1.14; letter-spacing:-.04em; font-weight:520; text-wrap:balance; }
.trust__cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.trust__cards article { min-height:420px; display:flex; flex-direction:column; position:relative; overflow:hidden; padding:27px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(155deg,rgba(12,29,45,.86),rgba(4,13,24,.82)); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease; }
.trust__cards article::before { content:""; position:absolute; width:190px; height:190px; right:-70px; top:-70px; border-radius:50%; background:rgba(39,220,211,.09); filter:blur(45px); }
.trust__cards article::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.035) 48%,transparent 70%); transform:translateX(-110%); transition:transform .8s ease; }
.trust__cards article:hover { transform:translateY(-10px); border-color:rgba(39,220,211,.42); box-shadow:0 28px 70px rgba(0,0,0,.26); }
.trust__cards article:hover::after { transform:translateX(110%); }
.trust__cards article>span { color:#607991; font-size:11px; }
.trust-visual { height:145px; position:relative; overflow:hidden; margin:24px -8px 8px; border:1px solid rgba(70,174,197,.17); border-radius:12px; background:linear-gradient(145deg,rgba(7,27,42,.85),rgba(8,20,34,.35)); }
.trust-visual::after { content:""; position:absolute; width:100px; height:100px; left:50%; top:50%; border-radius:50%; background:rgba(39,220,211,.1); filter:blur(35px); transform:translate(-50%,-50%); }
.trust-visual__grid { position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(39,220,211,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(39,220,211,.16) 1px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(to right,transparent,black 25%,black 75%,transparent); }
.trust-visual svg { width:100%; height:100%; position:relative; z-index:2; fill:none; stroke:rgba(62,225,218,.72); stroke-width:1.2; }
.trust-visual svg .solid { fill:rgba(39,220,211,.16); }
.trust-visual svg .plane { fill:rgba(39,220,211,.1); stroke:var(--cyan); }
.trust-visual svg .shield { fill:rgba(39,220,211,.07); stroke:var(--cyan); }
.trust-visual svg .signal { stroke:rgba(141,160,180,.52); }
.trust__cards article:hover .trust-visual svg { filter:drop-shadow(0 0 8px rgba(39,220,211,.28)); }
.trust__cards h3 { margin:23px 0 13px; font-family:var(--heading); font-size:18px; line-height:1.3; letter-spacing:-.025em; font-weight:520; }
.trust__cards p { margin:0; color:var(--muted); font-size:13px; line-height:1.72; }

.access-note { min-height:390px; display:grid; grid-template-columns:230px 1fr auto; gap:54px; align-items:center; position:relative; overflow:hidden; margin-bottom:28px; padding:46px 48px; border:1px solid rgba(39,220,211,.3); border-radius:22px; background:linear-gradient(135deg,rgba(13,35,52,.92),rgba(5,16,29,.96)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 30px 90px rgba(0,0,0,.2); }
.access-note::before { content:""; position:absolute; width:320px; height:320px; left:-70px; top:20px; border-radius:50%; background:rgba(39,220,211,.07); filter:blur(70px); pointer-events:none; }
.access-note__visual { height:230px; position:relative; display:grid; place-items:center; border:1px solid rgba(39,220,211,.18); border-radius:18px; background:linear-gradient(145deg,rgba(9,31,46,.9),rgba(5,16,28,.54)); }
.access-note__visual::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(39,220,211,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(39,220,211,.15) 1px,transparent 1px); background-size:24px 24px; mask-image:radial-gradient(circle at center,black,transparent 72%); }
.access-note__visual svg { width:115px; height:115px; position:relative; z-index:2; fill:none; stroke:rgba(235,244,247,.48); stroke-width:1.2; }
.access-note__visual .access-note__shield { fill:rgba(39,220,211,.09); stroke:var(--cyan); }
.access-note__visual .access-note__check { stroke:var(--cyan); stroke-width:1.7; }
.access-note__orbit { position:absolute; inset:50%; width:168px; height:168px; border:1px solid rgba(39,220,211,.16); border-radius:50%; transform:translate(-50%,-50%); animation:orbit 14s linear infinite; }
.access-note__orbit i { position:absolute; inset:22px; border:1px solid rgba(65,222,214,.11); border-radius:50%; }
.access-note__orbit i:nth-child(2) { inset:48px; }
.access-note__orbit span { width:6px; height:6px; position:absolute; left:50%; top:-3px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px rgba(39,220,211,.75); }
.access-note__content { position:relative; z-index:2; max-width:750px; }
.access-note__content .eyebrow { color:var(--cyan); }
.access-note__content .eyebrow span { background:var(--cyan); }
.access-note h2 { margin:0; font-family:var(--heading); font-size:clamp(28px,2.5vw,38px); line-height:1.16; letter-spacing:-.038em; font-weight:520; text-wrap:balance; }
.access-note__content>p:not(.eyebrow) { margin:20px 0 0; color:var(--muted); font-size:14px; line-height:1.72; }
.access-note__content>p strong { color:#dce6eb; font-weight:620; }
.access-note__tip { display:flex; gap:13px; align-items:flex-start; margin-top:22px; padding:15px 17px; border:1px solid rgba(39,220,211,.16); border-radius:12px; background:rgba(39,220,211,.045); }
.access-note__tip>span { flex:0 0 auto; width:25px; height:25px; display:grid; place-items:center; border:1px solid rgba(39,220,211,.45); border-radius:50%; color:var(--cyan); font-size:12px; font-weight:750; }
.access-note__tip p { margin:0; color:#a6b4bf; font-size:12px; line-height:1.65; }
.access-note__tip strong { color:#eef2f3; font-weight:620; }
.access-note__action { white-space:nowrap; }

.backup { min-height:310px; display:grid; grid-template-columns:.75fr 1fr auto; gap:80px; align-items:center; margin-bottom:95px; padding:55px; border:1px solid rgba(39,220,211,.3); border-radius:22px; background:linear-gradient(145deg,rgba(13,35,52,.91),rgba(5,16,29,.94)); }
.backup .eyebrow { margin-bottom:16px; }
.backup h2 { font-size:34px; }
.backup>p { color:var(--muted); font-size:14px; line-height:1.75; }
.backup>a,.access-note__action { min-height:56px; display:flex; align-items:center; justify-content:center; gap:12px; position:relative; z-index:2; padding:0 22px; border:1px solid var(--cyan); border-radius:9px; color:var(--ink); font-size:13px; font-weight:620; transition:background .2s ease,transform .2s ease; }
.backup>a:hover,.access-note__action:hover { transform:translateY(-2px); background:rgba(39,220,211,.07); }

.footer { min-height:160px; display:grid; grid-template-columns:.5fr 1fr auto; gap:30px; align-items:center; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.footer>div { display:flex; align-items:center; gap:10px; color:#92a8b8; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }

@keyframes pulse { 0%,100%{box-shadow:0 0 8px rgba(93,225,162,.45)}50%{box-shadow:0 0 22px rgba(93,225,162,.95)} }
@keyframes float { 0%,100%{translate:0 0}50%{translate:0 -6px} }
@keyframes scan { to{transform:rotate(360deg)} }
@keyframes shine { 0%,45%{transform:translateX(-110%)}65%,100%{transform:translateX(110%)} }

.cursor-glow { --x:50vw; --y:35vh; width:430px; height:430px; position:fixed; left:var(--x); top:var(--y); z-index:-1; border-radius:50%; pointer-events:none; opacity:0; background:radial-gradient(circle,rgba(44,220,210,.075),transparent 68%); transform:translate(-50%,-50%); transition:opacity .45s ease; }
.cursor-glow.is-visible { opacity:1; }
.premium-fx { position:fixed; inset:0; z-index:-2; overflow:hidden; pointer-events:none; }
.premium-fx i { position:absolute; display:block; width:1px; height:34vh; opacity:.16; background:linear-gradient(to bottom,transparent,var(--cyan),transparent); transform:rotate(32deg); animation:beam 10s ease-in-out infinite; }
.premium-fx i:nth-child(1){left:18%;top:-20%;animation-delay:-2s}.premium-fx i:nth-child(2){left:68%;top:22%;height:48vh;animation-delay:-6s}.premium-fx i:nth-child(3){right:8%;top:68%;animation-delay:-9s}
.reveal { animation:sectionIn .9s cubic-bezier(.2,.8,.2,1) both; }
.trust__cards article:nth-child(2){animation-delay:.1s}.trust__cards article:nth-child(3){animation-delay:.2s}
@keyframes beam { 0%,100%{translate:0 -30%;opacity:.05}50%{translate:0 190%;opacity:.18} }
@keyframes sectionIn { from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none} }
@keyframes orbit { to{transform:translate(-50%,-50%) rotate(360deg)} }

@media(max-width:1100px){.access-note{grid-template-columns:190px 1fr}.access-note__visual{height:205px}.access-note__action{grid-column:2;width:max-content}}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:70px}.domain-card{width:min(100%,650px);justify-self:center}.trust__heading{grid-template-columns:1fr;gap:25px}.access-note{grid-template-columns:150px 1fr;gap:35px;padding:38px}.access-note__visual{height:180px}.backup{grid-template-columns:1fr;gap:25px}.backup>a{width:max-content}.footer{grid-template-columns:1fr 1fr}.footer>p{display:none}}
@media(max-width:700px){.shell{width:min(100% - 30px,600px)}.header{grid-template-columns:1fr auto}.header__label{display:none}.hero{padding-top:42px;gap:55px}.hero h1{font-size:clamp(42px,12.5vw,56px)}.hero__copy>p{font-size:15px}.bookmark-note{width:100%}.bookmark-note__arrow{margin-left:auto}.domain-card{min-height:500px;padding:23px;border-radius:22px}.domain-card__content strong{font-size:40px}.trust{padding-block:82px}.trust__cards{grid-template-columns:1fr}.trust__cards article{min-height:410px}.access-note{grid-template-columns:1fr;gap:25px;padding:25px}.access-note__visual{height:170px}.access-note__visual svg{width:96px;height:96px}.access-note__orbit{width:138px;height:138px}.access-note__action{grid-column:1;width:100%}.backup{padding:35px 25px}.backup h2{font-size:31px}.backup>a{width:100%;justify-content:center}.footer{grid-template-columns:1fr;gap:20px;padding-block:45px}.telegram-link{font-size:12px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){.header__label i,.live-dot,.domain-card,.radar span,.premium-fx i,.reveal,.access-note__orbit{animation:none}.domain-card,.trust__cards article,.bookmark-note,.primary-button,.backup>a,.access-note__action,.cursor-glow{transition:none}.reveal{opacity:1;transform:none}}