:root{--background: #0f172a;--surface: #1e293b;--surface-highlight: #334155;--primary: #38bdf8;--primary-hover: #0ea5e9;--text: #f8fafc;--text-muted: #94a3b8;--danger: #ef4444;--success: #22c55e;--border-radius: 16px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--gradient-primary: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);--gradient-dark: linear-gradient(to bottom, #0f172a, #1e293b)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background:var(--gradient-dark);background-attachment:fixed;color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.5rem;color:var(--text)}h3{font-size:1.125rem;font-weight:600;color:var(--text)}p{color:var(--text-muted);font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:1rem;font-size:1rem;font-weight:600;border-radius:var(--border-radius);border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);gap:.5rem}.btn:active{transform:scale(.96)}.btn-primary{background:var(--gradient-primary);color:#0f172a;box-shadow:0 4px 12px #38bdf840}.btn-primary:hover{box-shadow:0 8px 16px #38bdf859;transform:translateY(-1px)}.btn-large{font-size:1.25rem;padding:1.25rem}.btn-outline{background:transparent;border:1px solid var(--surface-highlight);color:var(--text-muted)}.btn-outline:hover{border-color:var(--text-muted);color:var(--text)}.input-group{margin-bottom:1.25rem}.input-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-muted)}.input-field{width:100%;padding:1rem;background-color:#1e293b99;border:1px solid var(--surface-highlight);border-radius:var(--border-radius);color:var(--text);font-size:1rem;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.input-field:focus{outline:none;border-color:var(--primary);background-color:#1e293be6;box-shadow:0 0 0 2px #38bdf833}.card{background-color:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.05)}