:root{--bg:#070911;--bg2:#0b0e19;--panel:#0f1320;--panel2:#111625;--text:#f7f8fc;--muted:#949bad;--soft:#c7cad4;--line:rgba(255,255,255,.09);--purple:#8b5cf6;--blue:#4f7cff;--cyan:#5de5ff;--shadow:0 30px 90px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.page-bg{position:fixed;inset:0;z-index:-10;overflow:hidden;background:radial-gradient(circle at 50% 18%,#11142a 0,transparent 36%),linear-gradient(135deg,#05060b,#0a0d17 48%,#06070d)}.noise{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.aurora{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.16;animation:float 17s ease-in-out infinite}.aurora-one{background:#7139dc;left:-220px;top:80px}.aurora-two{background:#245fe8;right:-240px;top:380px;animation-delay:-6s}.aurora-three{background:#9b42e9;left:35%;bottom:-350px;animation-delay:-11s}.stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.38) 1px,transparent 1.5px);background-size:125px 125px;opacity:.13}#spaceCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5}@keyframes float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(35px,-35px,0) scale(1.1)}}
.header{position:sticky;top:0;z-index:50;background:rgba(6,8,14,.62);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;font-weight:900;background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 10px 30px rgba(90,80,240,.3)}.brand-name{font-weight:800;font-size:19px;letter-spacing:-.6px}.brand-name span{color:#9d83ff}.nav-links{display:flex;gap:34px;color:#9ca1b2;font-size:13px;font-weight:700}.nav-links a{transition:.2s}.nav-links a:hover{color:#fff}.telegram-mini{padding:10px 15px;border:1px solid rgba(139,92,246,.32);background:rgba(139,92,246,.08);border-radius:11px;font-size:13px;font-weight:800}.telegram-mini span{color:#a990ff;margin-left:5px}
.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;position:relative;padding:80px 0 100px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px}.badge,.section-kicker{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#999fb2}.badge{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px}.badge i{width:7px;height:7px;border-radius:50%;background:#55e38b;box-shadow:0 0 13px #55e38b}.hero h1{font-size:clamp(55px,7vw,92px);line-height:.94;letter-spacing:-5px;margin:22px 0}.hero h1 span,.section-title h2 span{background:linear-gradient(90deg,#b28cff,#69a4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:600px;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:11px;margin:30px 0 24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:0 19px;border-radius:12px;font-size:13px;font-weight:800;transition:.22s;border:0;cursor:pointer}.btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#4e78ff);box-shadow:0 15px 35px rgba(83,83,230,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(83,83,230,.34)}.btn-primary b{font-size:11px;opacity:.7}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#e2e4eb}.btn-ghost:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}.server-meta{display:flex;align-items:center;gap:20px}.meta-item{display:flex;align-items:center;gap:10px}.meta-item small{display:block;color:#666d80;font-size:9px;font-weight:800;letter-spacing:1.4px;margin-bottom:4px}.meta-item strong{font-size:13px}.online-dot{width:8px;height:8px;border-radius:50%;background:#55e38b;box-shadow:0 0 13px #55e38b}.meta-divider{height:32px;width:1px;background:var(--line)}
.hero-visual{position:relative;height:520px;display:grid;place-items:center}.visual-ring{position:absolute;border:1px solid rgba(142,120,255,.13);border-radius:50%;animation:spin 25s linear infinite}.ring-one{width:430px;height:430px}.ring-two{width:330px;height:330px;border-style:dashed;animation-direction:reverse;animation-duration:31s}.visual-card{width:min(380px,82vw);height:430px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(150deg,rgba(20,23,40,.86),rgba(10,13,24,.72));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px);padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.visual-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,#7945e8,#3c74ff);filter:blur(90px);opacity:.22;left:50%;top:40%;transform:translate(-50%,-50%)}.visual-top,.visual-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;color:#8f95a8;font-size:10px;font-weight:800;letter-spacing:2px}.visual-top em{font-style:normal}.visual-bottom strong{color:#dce0e9}.crystal-wrap{position:relative;z-index:2;display:grid;place-items:center;flex:1}.crystal-glow{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#a855f7,transparent 70%);filter:blur(35px);opacity:.7;animation:pulseGlow 3s ease-in-out infinite}.crystal-3d{position:relative;width:110px;height:140px;transform-style:preserve-3d;animation:floatCrystal 6s ease-in-out infinite,rotateCrystal 14s linear infinite}.face{position:absolute;clip-path:polygon(50% 0%,100% 35%,70% 100%,30% 100%,0% 35%);inset:0;background:linear-gradient(180deg,#f3e8ff,#b388ff,#5b2fff);box-shadow:0 0 35px rgba(168,85,247,.45),inset 0 0 16px rgba(255,255,255,.35)}.top{transform:rotateX(65deg) translateZ(18px)}.left{transform:rotateY(-65deg) translateZ(18px)}.right{transform:rotateY(65deg) translateZ(18px)}.bottom{transform:rotateX(-65deg) translateZ(18px);opacity:.85}.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#d8b4fe;box-shadow:0 0 14px #c084fc;animation:sparkMove 4s linear infinite}.s1{top:20px;left:35px}.s2{top:35px;right:30px;animation-delay:1s}.s3{bottom:28px;left:30px;animation-delay:2s}.s4{bottom:15px;right:40px;animation-delay:3s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatCrystal{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes rotateCrystal{from{rotate:0deg}to{rotate:360deg}}@keyframes pulseGlow{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.2);opacity:1}}@keyframes sparkMove{0%{transform:translate(0,0);opacity:0}20%{opacity:1}100%{transform:translate(20px,-30px);opacity:0}}.floating-chip{position:absolute;z-index:4;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(12,15,26,.82);backdrop-filter:blur(12px);font-size:9px;font-weight:800;letter-spacing:1px;box-shadow:0 15px 35px rgba(0,0,0,.22)}.floating-chip span{color:#9b7cff;margin-right:7px}.chip-top{top:95px;right:-10px;animation:chip 4s ease-in-out infinite}.chip-bottom{bottom:80px;left:-20px;animation:chip 4s ease-in-out infinite reverse}@keyframes chip{50%{transform:translateY(-8px)}}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);color:#676d7d;font-size:9px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:8px}.scroll-hint span{width:4px;height:4px;border-radius:50%;background:#8b5cf6}
.quick-stats{border-block:1px solid var(--line);background:rgba(255,255,255,.018)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:24px 22px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:13px}.stat:last-child{border:0}.stat b{grid-row:1/3;color:#716d84;font-size:10px}.stat span{font-size:10px;color:#696f80;letter-spacing:1px;font-weight:800}.stat strong{font-size:15px;margin-top:5px}
.section{padding:115px 0}.section-title{max-width:700px;margin-bottom:45px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}.section-title.center p{margin-left:auto;margin-right:auto}.section-title h2{font-size:clamp(38px,5vw,58px);line-height:1;letter-spacing:-3px;margin:14px 0 18px}.section-title p{color:var(--muted);line-height:1.75;max-width:560px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{position:relative;padding:29px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));overflow:hidden;transition:.25s}.feature-card:hover{transform:translateY(-6px);border-color:rgba(139,92,246,.32);box-shadow:0 25px 55px rgba(0,0,0,.2)}.feature-number{position:absolute;top:22px;right:24px;color:#4c5262;font-size:10px;font-weight:900}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(79,124,255,.14));color:#b497ff;font-size:21px}.feature-card h3{font-size:19px;margin:24px 0 10px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.feature-line{display:block;width:38px;height:2px;margin-top:25px;background:linear-gradient(90deg,var(--purple),transparent)}
.donate-section{background:linear-gradient(180deg,transparent,rgba(94,75,190,.045),transparent)}.donate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.donate-card{--rank:#9b7cff;position:relative;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.012));overflow:hidden;transition:.25s}.donate-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--rank);filter:blur(75px);opacity:0;right:-80px;top:-100px;transition:.3s}.donate-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--rank) 60%,transparent);box-shadow:0 22px 50px rgba(0,0,0,.2)}.donate-card:hover:before{opacity:.12}.rank-top{display:flex;align-items:center;justify-content:space-between}.rank{font-size:18px;font-weight:900;color:var(--rank);letter-spacing:.3px}.rank-price{font-size:20px;font-weight:900}.rank-price small{font-size:10px;color:#717687;font-weight:700}.rank-kit{font-size:11px;color:#7f8596;margin-top:9px}.rank-kit b{color:#c4c8d2}.perk-list{margin:17px 0 0;padding-top:14px;border-top:1px solid var(--line)}.perk{font-size:11px;color:#aeb3c0;line-height:1.55;margin:7px 0}.perk:before{content:"+";color:var(--rank);font-weight:900;margin-right:7px}.limits{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);font-size:10px;line-height:1.6;color:#747a8c}.limits b{color:#aab0be}.donate-bottom{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:rgba(255,255,255,.02)}.donate-bottom span{font-size:9px;letter-spacing:1.8px;color:#73798b;font-weight:900}.donate-bottom p{margin:6px 0 0;color:#aeb2bf;font-size:12px}
.how-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.steps{display:grid;gap:12px}.step{display:flex;gap:22px;padding:24px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);transition:.2s}.step:hover{background:rgba(255,255,255,.045);transform:translateX(4px)}.step>span{font-size:10px;font-weight:900;color:#8f78ee}.step h3{margin:0 0 7px;font-size:15px}.step p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.step p b{color:#d9dce4}
.telegram-section{padding:30px 0 100px}.telegram-box{padding:38px 42px;border:1px solid rgba(139,92,246,.24);border-radius:25px;background:linear-gradient(110deg,rgba(104,71,209,.16),rgba(54,91,219,.10));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px}.telegram-symbol{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#7652e8,#4d83ff);font-size:22px;box-shadow:0 15px 35px rgba(91,77,230,.25)}.telegram-box h2{margin:8px 0 6px;font-size:28px;letter-spacing:-1px}.telegram-box p{margin:0;color:#9ea4b5;font-size:12px}.btn-light{background:#fff;color:#0b0d14}.btn-light:hover{transform:translateY(-2px);background:#f0f1f5}.footer{padding:28px 0;border-top:1px solid var(--line);color:#696f80;font-size:11px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{color:#fff}.footer a:last-child{color:#9a9fac}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 17px;border-radius:12px;background:#f6f7fa;color:#0b0d13;font-size:12px;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.3);transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.15s}
@media(max-width:1050px){.hero-grid{gap:35px}.donate-grid{grid-template-columns:repeat(2,1fr)}.how-grid{gap:50px}}
@media(max-width:850px){.nav-links{display:none}.hero{padding:70px 0 100px}.hero-grid{grid-template-columns:1fr}.hero-visual{height:450px}.feature-grid,.how-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.telegram-box{grid-template-columns:auto 1fr}.telegram-box .btn{grid-column:2;justify-self:start}.floating-chip{display:none}}
@media(max-width:560px){.container{width:calc(100% - 26px)}.nav{height:66px}.telegram-mini{padding:9px 12px}.hero{min-height:auto;padding:55px 0 85px}.hero h1{font-size:54px;letter-spacing:-3px}.hero-text{font-size:15px}.hero-actions .btn{width:100%}.server-meta{gap:12px}.meta-item strong{font-size:11px}.hero-visual{height:390px}.visual-card{height:350px}.ring-one{width:330px;height:330px}.ring-two{width:270px;height:270px}.crystal-core{font-size:90px}.section{padding:80px 0}.section-title h2{letter-spacing:-2px}.feature-grid,.donate-grid{grid-template-columns:1fr}.donate-bottom{display:block}.donate-bottom .btn{margin-top:18px;width:100%}.stats-grid{grid-template-columns:1fr}.stat{border-right:0!important;border-bottom:1px solid var(--line)!important}.stat:last-child{border-bottom:0!important}.telegram-box{display:block;padding:28px}.telegram-box .btn{width:100%;margin-top:20px}.footer-inner{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Animated CrystalTales background */
.page-bg{background:radial-gradient(circle at 50% 20%,#171b3b 0,transparent 34%),linear-gradient(135deg,#05060c 0%,#0b1020 48%,#080711 100%)}
.aurora{will-change:transform;mix-blend-mode:screen}
.aurora-four{background:#3e82ff;right:22%;top:-280px;width:420px;height:420px;opacity:.10;animation:floatFour 21s ease-in-out infinite}
.stars{animation:starDrift 24s linear infinite;will-change:background-position}
.light-grid{position:absolute;inset:-20%;opacity:.12;background-image:linear-gradient(rgba(115,102,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(71,129,255,.14) 1px,transparent 1px);background-size:80px 80px;transform:perspective(700px) rotateX(64deg) scale(1.35);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent 0%,black 38%,black 100%);animation:gridMove 18s linear infinite}
.orbit-glow{position:absolute;border:1px solid rgba(144,120,255,.08);border-radius:50%;filter:blur(.2px);pointer-events:none}
.orbit-a{width:70vw;height:25vw;left:15%;top:30%;transform:rotate(-18deg);animation:orbitFloat 14s ease-in-out infinite}
.orbit-b{width:45vw;height:18vw;left:28%;top:56%;transform:rotate(22deg);animation:orbitFloat 18s ease-in-out infinite reverse}
@keyframes floatFour{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-80px,80px,0) scale(1.18)}}
@keyframes starDrift{0%{background-position:0 0}50%{background-position:62px -38px}100%{background-position:125px -76px}}
@keyframes gridMove{0%{background-position:0 0}100%{background-position:80px 80px}}
@keyframes orbitFloat{0%,100%{transform:rotate(-18deg) scale(1)}50%{transform:rotate(-14deg) scale(1.04) translateY(-10px)}}
.perk{display:grid;grid-template-columns:max-content 1fr;gap:9px;align-items:start}
.perk code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--rank);font-size:10px;font-weight:800;white-space:nowrap}
.perk span{color:#9fa5b5;font-size:10px;line-height:1.45}
@media(max-width:560px){.perk{grid-template-columns:1fr;gap:2px}.perk code{font-size:10px}.perk span{font-size:10px}.light-grid{background-size:55px 55px}.orbit-a,.orbit-b{display:none}}
@media(prefers-reduced-motion:reduce){.light-grid,.orbit-glow,.stars,.aurora{animation:none!important}}