:root{color-scheme:dark;--bg:#080b12;--surface:#101522;--surface2:#151c2c;--line:rgba(194,208,255,.11);--text:#f3f5ff;--muted:#929bb2;--accent:#9c79ff;--accent2:#bd9cff;--mint:#83f0ce;--bad:#ff809b;--discord:#6574ff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:'DM Sans',Segoe UI,sans-serif;background:radial-gradient(ellipse at 50% -20%,rgba(95,76,197,.24),transparent 48%),radial-gradient(ellipse at 95% 30%,rgba(31,142,139,.1),transparent 34%),var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:var(--accent2);text-decoration:none;transition:color .2s,background .2s,transform .2s}a:hover{color:#fff}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(8,11,18,.76);backdrop-filter:blur(18px)}.top-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:2px}.brand img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 5px 15px #8262ff66)}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav>a,.nav button{color:#b1b8cb;border:0;background:none;font:inherit;font-size:14px;padding:10px 13px;border-radius:12px;cursor:pointer}.nav>a:hover,.nav button:hover{color:#fff;background:#ffffff0a}.inline{display:inline;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:14px;padding:13px 18px;background:linear-gradient(135deg,#b59aff,#7855e9);color:#0b0a12;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 32px #8c69ff30;transition:transform .22s,box-shadow .22s,filter .22s}.btn:hover{color:#080812;transform:translateY(-2px);box-shadow:0 16px 36px #8c69ff45;filter:brightness(1.07)}.btn.lg{padding:16px 23px;border-radius:16px}.btn.ghost{background:#ffffff08;color:#eef0fa;border-color:var(--line);box-shadow:none}.btn.ghost:hover{background:#ffffff12;color:#fff}.btn.discord{background:var(--discord);color:white;box-shadow:0 10px 28px #6574ff36}.btn.block{width:100%}.btn.tiny{padding:9px 12px;font-size:12px;border-radius:11px}.hero{position:relative;min-height:620px;padding:82px 0 76px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px}.hero-copy{position:relative;z-index:2;animation:rise .8s both}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #a990ff35;border-radius:999px;background:#8e6eff12;color:#c8b5ff;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 13px var(--mint);animation:pulse 2s infinite}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,7.4vw,88px);line-height:.98;letter-spacing:-5px;margin:24px 0 20px;max-width:700px}.hero h1 span{display:block;background:linear-gradient(90deg,#b99dff,#89e7de);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{max-width:560px;color:#a6aec3;font-size:18px;line-height:1.7;margin:0 0 28px}.cta{display:flex;gap:11px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:9px;color:#858fa7;font-size:13px;margin-top:20px}.hero-note b{color:#d6d9e5;font-weight:600}.hero-visual{position:relative;min-height:430px;display:grid;place-items:center;animation:floatIn 1s .12s both}.orb{position:absolute;width:min(35vw,410px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9c79ff55,#6340d522 42%,transparent 70%);filter:blur(4px);animation:breathe 6s ease-in-out infinite}.hero-card{width:min(100%,420px);aspect-ratio:1/1.04;position:relative;display:grid;place-items:center;border:1px solid #d5c9ff24;border-radius:34px;background:linear-gradient(145deg,#ffffff0d,#15152a99 48%,#12201f99);box-shadow:inset 0 1px #ffffff17,0 36px 100px #0008;transform:rotate(2deg);overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-80%;background:conic-gradient(from 0deg,transparent 0 66%,#bba0ff2e 76%,transparent 86%);animation:spin 12s linear infinite}.hero-card:after{content:"";position:absolute;inset:1px;border-radius:33px;background:radial-gradient(circle at 50% 40%,#8f69ff1a,transparent 42%),linear-gradient(145deg,#0d1020eb,#111526ed)}.hero-card img{position:relative;z-index:1;width:52%;height:52%;object-fit:contain;filter:drop-shadow(0 20px 38px #8e6eff80);animation:logoFloat 4s ease-in-out infinite}.hero-card p{position:absolute;z-index:2;bottom:22px;margin:0;color:#bbc1d4;font-size:13px;letter-spacing:2px;text-transform:uppercase}.float-chip{position:absolute;z-index:3;padding:12px 16px;border:1px solid var(--line);border-radius:15px;background:#101522dc;box-shadow:0 16px 40px #0006;color:#d9def0;font-size:13px;backdrop-filter:blur(12px);animation:chip 5s ease-in-out infinite}.float-chip.one{top:34px;left:-8px}.float-chip.two{right:-12px;bottom:70px;animation-delay:-2.5s}.float-chip b{color:var(--mint);font-size:16px}.section{padding:48px 0 30px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.section h2,.section-head h2{font:600 clamp(28px,4vw,40px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:0 0 8px}.section .sub,.sub{color:var(--muted);margin:0;line-height:1.6}.feature-count{font-size:12px;color:#77819c;letter-spacing:1px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{position:relative;overflow:hidden;min-height:190px;padding:22px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#151a29,#0e121d);transition:transform .25s,border-color .25s,background .25s}.feature:hover{transform:translateY(-5px);border-color:#a990ff55;background:linear-gradient(145deg,#1b2034,#101521)}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#9f82ff19;color:#c0aaff;font-size:20px;margin-bottom:20px}.feature b{display:block;margin-bottom:8px;font-size:16px}.feature p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.strip{position:relative;overflow:hidden;margin:56px 0 70px;padding:32px 36px;border:1px solid #aa90ff30;border-radius:24px;background:radial-gradient(ellipse at 80% 50%,#9270ff25,transparent 50%),linear-gradient(100deg,#171626,#121922);display:flex;justify-content:space-between;gap:20px;align-items:center}.strip h3{font:600 26px 'Space Grotesk',sans-serif;margin:0 0 7px}.strip p{color:var(--muted);margin:0}.auth-page{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:48px 0}.auth-card{width:min(460px,100%);border:1px solid var(--line);border-radius:25px;padding:30px;background:linear-gradient(145deg,#151a29f5,#0e121cf5);box-shadow:0 30px 90px #0006;animation:rise .55s both}.auth-card h1{font:600 32px 'Space Grotesk',sans-serif;margin:0 0 6px;letter-spacing:-1px}.auth-card>.sub{margin:0 0 10px}.stack{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:8px;color:#adb5c9;font-size:13px}input[type=text],input[type=password],input:not([type]),input[type=file]{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 14px;background:#090d16;color:var(--text);font:inherit;transition:border-color .2s,box-shadow .2s}input[type=file]{padding:10px}input:focus{outline:0;border-color:#a78bfa;box-shadow:0 0 0 3px #7c3aed33}.divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;color:#737c92;font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:var(--line)}.error,.ok,.flash{margin:0;padding:12px 14px;border-radius:13px;font-size:14px}.error{background:#ff809b12;color:var(--bad);border:1px solid #ff809b25}.ok,.flash.ok{background:#83f0ce12;color:var(--mint);border:1px solid #83f0ce25}.panel{padding:42px 0 68px}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:20px;flex-wrap:wrap}.panel-head h1{font:600 36px 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:0 0 6px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sheet{background:linear-gradient(145deg,#151a29,#0f131e);border:1px solid var(--line);border-radius:21px;padding:22px;min-width:0}.sheet h2{font:600 20px 'Space Grotesk',sans-serif;margin:0 0 16px}.skin-preview{min-height:240px;display:grid;place-items:center;border-radius:17px;background-color:#0c111b;background-image:linear-gradient(45deg,#151c2a 25%,transparent 25%),linear-gradient(-45deg,#151c2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#151c2a 75%),linear-gradient(-45deg,transparent 75%,#151c2a 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0;margin-bottom:16px}.skin-preview img{width:min(180px,70%);image-rendering:pixelated;pointer-events:none;animation:logoFloat 4s ease-in-out infinite}.skin-empty{color:var(--muted)}.row{display:flex;gap:9px;flex-wrap:wrap}.meta>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.meta span{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600}.foot{border-top:1px solid var(--line);padding:23px 0 30px;color:#77819a;font-size:13px}.foot-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{50%{box-shadow:0 0 20px var(--mint);opacity:.65}}@keyframes breathe{50%{transform:scale(1.08);opacity:.75}}@keyframes logoFloat{50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes chip{50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:24px;padding-top:60px}.hero-copy{max-width:720px}.hero-visual{min-height:380px}.hero-card{width:min(76vw,380px)}.features{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1160px)}.top-inner{height:auto;min-height:68px;align-items:flex-start;padding:13px 0}.brand{padding-top:5px}.nav{justify-content:flex-end;gap:2px}.nav>a,.nav button{font-size:12px;padding:9px 8px}.hero{padding:48px 0 35px;min-height:auto}.hero h1{font-size:clamp(48px,14vw,72px);letter-spacing:-3px}.lead{font-size:16px}.hero-visual{min-height:330px}.hero-card{width:min(78vw,320px);border-radius:26px}.hero-card:after{border-radius:25px}.float-chip.one{left:0;top:22px}.float-chip.two{right:-3px;bottom:40px}.btn.lg{padding:14px 16px;font-size:14px}.features{grid-template-columns:1fr}.feature{min-height:auto}.section{padding-top:32px}.section-head{align-items:start;flex-direction:column;gap:8px}.strip{padding:24px;margin:38px 0 48px}.strip h3{font-size:22px}.auth-card{padding:23px}.panel{padding-top:30px}.panel-head h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}