:root{--bg:#0b0d12;--bg-soft:#12151c;--panel:#171b24;--border:#232936;--text:#e7ebf2;--muted:#9aa4b2;--brand:#6ee7ff;--brand-2:#a78bfa;--radius:14px;--maxw:1040px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 50% -10%, #1a2030 0%, var(--bg) 60%);color:var(--text);min-height:100%;margin:0;padding:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.btn{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#0b0d12;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:600;display:inline-flex}.btn.secondary{border-color:var(--border);color:var(--text);background:0 0}.btn:disabled{opacity:.6;cursor:not-allowed}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}input,textarea{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:10px;width:100%;padding:12px 14px;font-size:15px}input:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--brand) 50%, transparent);border-color:var(--brand)}.site-header.svelte-12qhfyh{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;position:sticky;top:0}.bar.svelte-12qhfyh{justify-content:space-between;align-items:center;height:64px;display:flex}.logo.svelte-12qhfyh{color:var(--text);font-size:20px;font-weight:800}.logo.svelte-12qhfyh span:where(.svelte-12qhfyh){color:var(--brand)}nav.svelte-12qhfyh{gap:22px;display:flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--muted)}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text);text-decoration:none}nav.svelte-12qhfyh form:where(.svelte-12qhfyh){margin:0}.linkbtn.svelte-12qhfyh{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.linkbtn.svelte-12qhfyh:hover{color:var(--text)}footer.svelte-12qhfyh{border-top:1px solid var(--border);color:var(--muted);margin-top:80px;padding:28px 0;font-size:14px}