:root{--bg:#070b18;--bg-secondary:#0c1024;--bg-card:#ffffff09;--bg-card-hover:#ffffff0f;--glass-border:1px solid #ffffff14;--glass-border-bright:1px solid #ffffff24;--blur:blur(20px);--accent:#7c5cfc;--accent-2:#00d4ff;--accent-glow:#7c5cfc59;--accent-2-glow:#00d4ff40;--gradient:linear-gradient(135deg, #7c5cfc 0%, #00d4ff 100%);--gradient-text:linear-gradient(90deg, #a78bfa 0%, #67e8f9 100%);--text:#e2eaff;--text-secondary:#e2eaff8c;--text-muted:#e2eaff4d;--success:#10e89c;--error:#ff4668;--warning:#ffb800;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--ease:cubic-bezier(.16, 1, .3, 1);--duration:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}li{list-style:none}li::marker{display:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-dm-sans), system-ui, -apple-system, sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 20% 10%,#7c5cfc1f 0%,#0000 70%),radial-gradient(50% 35% at 80% 80%,#00d4ff14 0%,#0000 70%);position:fixed;inset:0}.appShell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-dm-serif), serif;color:var(--text);line-height:1.2}code,pre{font-family:var(--font-dm-mono), monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.glass{background:var(--bg-card);border:var(--glass-border);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius-xl)}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 0 32px var(--accent-glow), 0 0 16px var(--accent-2-glow)}.btn-ghost{background:var(--bg-card);color:var(--text);border:var(--glass-border)}.btn-ghost:hover{background:var(--bg-card-hover);border-color:#ffffff24}.btn-outline{color:var(--text-secondary);border:var(--glass-border);background:0 0}.btn-outline:hover{color:var(--text);background:#ffffff0a;border-color:#fff3}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.825rem;font-weight:500}.input,.select,.textarea{border-radius:var(--radius-md);color:var(--text);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#ffffff0d;border:1px solid #ffffff1a;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.select{appearance:none;cursor:pointer}.textarea{resize:none;min-height:100px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cfc26}.input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 1000px #0c1024}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 1000px #0c1024}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 1000px #0c1024}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .4s var(--ease) both}.page{flex-direction:column;flex:1;padding-top:64px;display:flex}