*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#080711;color:var(--text);font:16px/1.6 var(--font);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.shell{width:min(1280px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:10;padding:10px;background:var(--accent);color:#080711}.skip:focus{top:15px}.nav{height:85px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.logo{display:flex;gap:9px;align-items:center;font-size:27px;font-weight:700;letter-spacing:-1px}.logo img{width:30px;height:30px}.nav nav{display:flex;gap:27px;align-items:center;font-size:12px}.nav nav>a{color:#b7afcb}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#7960d2;border:1px solid #9d81f1;color:#fff;border-radius:10px;min-height:55px;padding:14px 26px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 40px #7760cf24}.button:hover{transform:translateY(-3px);box-shadow:0 10px 45px #7960d24a}.button.small{font-size:12px;min-height:43px;padding:10px 17px}.eyebrow{font:10px var(--mono);letter-spacing:1.4px;color:#b4a0ee}.hero{position:relative;isolation:isolate;min-height:900px;margin-top:-85px;padding-top:110px;text-align:center;overflow:hidden}.hero-scene{position:absolute;inset:0;z-index:-2;background:url('assets/brand/cosmic-vampire-hero.webp') center top/cover no-repeat;animation:space-drift 18s ease-in-out infinite}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08071140 0%,#08071112 45%,#080711 100%);pointer-events:none}.hero-content{position:relative}.hero-wordmark{font-size:clamp(75px,9vw,140px);font-weight:800;line-height:1.1;letter-spacing:-8px;color:#e6dff7;margin:24px 0 15px}.hero h1{font-size:clamp(28px,3vw,44px);letter-spacing:-1.9px;line-height:1.2;margin:18px 0 15px}.hero p{font-size:17px;line-height:1.7;color:#c3b8d0;margin:0 0 26px}.hero-scroll{display:block;width:fit-content;margin:20px auto;font-size:11px;color:#c1b3d6}.how{padding:30px 0 65px}.section-intro{text-align:center;margin-bottom:40px}.section-intro h2{font-size:56px;line-height:1.05;letter-spacing:-2.5px;margin:18px 0}.section-intro h2 br{display:none}.section-intro h2 span{color:#c2ff4b}.steps{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:17px;align-items:center}.step{position:relative;text-align:left;border:1px solid #ffffff15;background:linear-gradient(145deg,#211b30,#0f0d17);color:var(--text);padding:28px;border-radius:18px;align-self:stretch;transition:transform .2s,border-color .2s}.step[aria-pressed=true]{border-color:#a289e88a}.step:hover{transform:translateY(-4px)}.step-number{position:absolute;top:20px;right:20px;color:#8d7f9f;font:10px var(--mono)}.step-art{height:105px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;margin:10px 0 27px}.step-art img{width:43px;height:43px;border-radius:50%;object-fit:cover}.handle-art span{font:13px var(--mono);padding:12px;border-radius:10px;background:#a48cda12;color:#d1c1f2;border:1px solid #a48cda30}.handle-art i{font-style:normal;font-size:23px;color:var(--accent)}.amount-art{gap:13px}.amount-art>span{font:23px var(--mono);color:#8f829f}.amount-art b{font-size:24px;color:var(--violet)}.amount-art strong{font:34px var(--mono);color:var(--accent)}.step-art small{position:absolute;bottom:0;left:0;right:0;text-align:center;font:8px var(--mono);letter-spacing:1px;color:#9787af}.trade-art>span{font-size:11px}.trade-art b{font-size:30px;color:var(--accent);animation:signal-pulse 2.5s ease-in-out infinite}.trade-art img:last-of-type{width:37px;height:37px;border-radius:0}.step h3{font-size:24px;margin:0 0 10px;letter-spacing:-.8px}.step p{font-size:13px;line-height:1.8;color:#a79bb9;margin:0}.signal-arrow{font-size:28px;color:var(--accent);animation:signal-travel 2.5s ease-in-out infinite}.signal-arrow:nth-of-type(2){animation-delay:.8s}.step-detail{font-size:13px;color:#c1b4d2;text-align:center;padding:23px;margin-top:22px;border-radius:12px;background:#ffffff03;min-height:68px}.flow-note{font-size:10px;line-height:1.8;text-align:center;color:#82758f;max-width:810px;margin:18px auto 0}.telegram-result{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:55px 0 75px;align-items:center;border-top:1px solid #ffffff10}.telegram-result h2{font-size:44px;letter-spacing:-2px;line-height:1.1;margin:18px 0}.telegram-result h2 span{color:#a694bc}.telegram-result p{font-size:14px;color:#a497b2;max-width:410px;line-height:1.8}.telegram-result a{font-size:12px;color:#bfa8f3}.notification-stack{position:relative}.notification{display:flex;align-items:center;gap:15px;padding:20px 22px;margin:12px 0;background:#191524;border:1px solid #9d86cf25;border-radius:13px;animation:notification-float 7s ease-in-out infinite}.notification:nth-child(2){margin-left:30px;animation-delay:-3s}.notification img{width:31px}.notification strong,.notification small{display:block}.notification strong{font-size:13px}.notification small{font-size:11px;color:#a395b7;margin-top:4px}.notification i{font-style:normal;margin-left:auto;color:var(--accent)}.example-label{display:block;text-align:right;font:8px var(--mono);color:#776982;letter-spacing:.6px;margin-top:18px}.closing{text-align:center;padding:60px 20px 70px;border-top:1px solid #ffffff10;background:radial-gradient(ellipse at 50% 100%,#8363b317,transparent 65%)}.closing h2{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-2px;margin:22px 0 28px}.closing-links{display:flex;justify-content:center;gap:28px;margin-top:25px;font-size:11px;color:#b49dcf}footer{display:flex;align-items:center;gap:25px;padding:30px 0 40px;border-top:1px solid #ffffff10;flex-wrap:wrap}footer .logo{font-size:23px}footer button{margin-left:auto;border:0;background:none;color:#a395b5;font-size:10px;padding:10px}footer p{width:100%;font-size:9px;color:#786d86;margin:0}dialog{width:min(460px,calc(100% - 32px));border:1px solid #a994d540;border-radius:20px;background:#191421;color:var(--text);padding:35px}dialog::backdrop{background:#080711dc;backdrop-filter:blur(8px)}dialog h2{font-size:30px;letter-spacing:-1px}dialog p{font-size:13px;color:#b5a6c5;line-height:1.8}dialog .eyebrow{margin-top:15px}dialog .button{width:100%;font-size:12px}.close-dialog{position:absolute;top:12px;right:16px;border:0;background:none;color:#bfaed4;font-size:25px;padding:7px}.motion-paused *{animation-play-state:paused!important}@keyframes space-drift{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes signal-travel{0%,100%{opacity:.35;translate:-3px 0}50%{opacity:1;translate:4px 0}}@keyframes signal-pulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes notification-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:1000px){.hero{min-height:810px;padding-top:110px}.hero-wordmark{letter-spacing:-5px}.steps{gap:10px;grid-template-columns:1fr 20px 1fr 20px 1fr}.step{padding:20px}.step h3{font-size:21px}.step-art{gap:7px}.step-art img{width:33px;height:33px}.handle-art span{font-size:10px;padding:9px}.telegram-result{gap:40px}}
@media(max-width:640px){.shell{width:calc(100% - 36px)}.nav{height:74px}.logo{font-size:23px}.logo img{width:25px}.nav nav{gap:15px}.nav nav>a[href="#how"]{display:none}.nav .button{min-height:38px;font-size:10px;padding:8px 12px}.hero{min-height:740px;margin-top:-74px;padding-top:130px}.hero-scene{background-size:auto 105%;background-position:52% 145px}.hero-wordmark{font-size:clamp(49px,14vw,78px);letter-spacing:-3px;margin:25px 0 15px}.hero h1{font-size:27px;letter-spacing:-1.2px;margin-top:15px}.hero p{font-size:14px}.hero .eyebrow{font-size:8px;letter-spacing:.8px}.hero .button{min-height:48px;font-size:12px}.hero-scroll{font-size:10px;margin-top:18px}.how{padding-top:20px}.section-intro h2{font-size:38px;letter-spacing:-1.5px}.section-intro h2 br{display:block}.steps{grid-template-columns:1fr;gap:12px}.signal-arrow{justify-self:center;rotate:90deg;font-size:23px;line-height:1}.step{padding:24px}.step-art{height:85px;margin:3px 0 20px}.step h3{font-size:24px}.step p{font-size:13px}.handle-art span{font-size:13px}.step-art img{width:40px;height:40px}.step-detail{font-size:12px;padding:19px}.flow-note{font-size:9px}.telegram-result{grid-template-columns:1fr;gap:25px;padding:40px 0 55px}.telegram-result h2{font-size:37px}.telegram-result p{font-size:13px}.notification{padding:17px;gap:12px}.notification:nth-child(2){margin-left:18px}.notification small{font-size:10px}.notification strong{font-size:12px}.closing{padding:45px 0}.closing h2{font-size:34px;letter-spacing:-1.5px}.closing-links{font-size:10px;gap:20px}dialog{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}