:root{--bg:#0b0916;--panel:#19152b;--stroke:#302645;--stroke-2:#382a54;--purple:#a66cff;--purple-2:#8538ed;--muted:#b5afc8;--white:#faf9ff;--danger:#ff6b6b;--ok:#5ee0a0;--radius:15px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 90% 28%,#24103b 0,transparent 40%),var(--bg);font-family:Inter,system-ui,sans-serif;color:var(--white);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{width:min(1320px,calc(100% - 48px));margin:auto}header.site{height:72px;background:#0c0b19e8;border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:900;letter-spacing:-1px;font-style:italic}.brand img{width:34px;height:34px;filter:drop-shadow(0 0 10px #9b55ff88)}.brand .accent{color:#ae7aff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border:1px solid #5b4a79;border-radius:11px;font:700 14px Inter,sans-serif;transition:.2s;cursor:pointer;background:#171426;color:#fff;white-space:nowrap}.btn:hover{transform:translateY(-2px);border-color:#b98cff}.btn.primary{background:linear-gradient(120deg,#7732ed,#a448f8);border-color:transparent;box-shadow:0 6px 24px #752bea44}#topbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:300;background:linear-gradient(90deg,transparent,#a448f8,#7732ed,transparent);background-size:50% 100%;background-repeat:no-repeat;opacity:0;transition:opacity .2s;pointer-events:none}#topbar.on{opacity:1;animation:bar 1s linear infinite}@keyframes bar{0%{background-position:-50% 0}to{background-position:150% 0}}.btn.loading{pointer-events:none;opacity:.8!important}.btn.loading:before{content:"";width:14px;height:14px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.toast.success:before{content:"✓ ";font-weight:900}.toast.error:before{content:"✕ ";font-weight:900}.btn.small{padding:9px 14px;font-size:13px;border-radius:9px}.btn.ghost{background:transparent;border-color:#ffffff1c}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#a15aff20;color:#e1c9ff;border:1px solid #a15aff48;border-radius:40px;padding:8px 13px;font-size:12px;font-weight:700}.kicker{font-size:12px;letter-spacing:1.3px;color:#ad6cff;font-weight:800;text-transform:uppercase}.muted{color:var(--muted)}select{-webkit-appearance:none;appearance:none;min-height:41px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23b5afc8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px 8px!important;padding-right:34px!important;cursor:pointer}select:disabled{opacity:.6;cursor:not-allowed}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}#toasts{position:fixed;z-index:200;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom));display:grid;gap:8px;width:min(420px,calc(100% - 24px));pointer-events:none}.toast{padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;background:#1e1733;border:1px solid #3a2b59;box-shadow:0 12px 36px #000a;animation:rise .3s cubic-bezier(.2,.7,.2,1) both}.toast.success{border-color:#5ee0a066;color:var(--ok)}.toast.error{border-color:#ff6b6b66;color:var(--danger)}main{padding:48px 0 80px;max-width:1680px}h1{font-size:36px;letter-spacing:-1.5px;margin:7px 0}h2{font-size:22px;letter-spacing:-.5px;margin:40px 0 18px}.sub{margin:0 0 28px;font-size:14px}.rise{opacity:0;transform:translateY(14px);animation:rise .6s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d, 0) * 70ms)}@keyframes rise{to{opacity:1;transform:none}}.soft .content .rise{animation-duration:.28s;animation-delay:calc(var(--d, 0) * 22ms);transform:translateY(5px)}@media(max-width:560px){main{padding:28px 0 calc(48px + env(safe-area-inset-bottom))}h1{font-size:26px;letter-spacing:-1px}h2{font-size:18px;margin:28px 0 14px}.sub{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.rise{animation:none;opacity:1;transform:none}}
