*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #1f2937;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-muted: #eff6ff;--color-on-primary: #f9fafb;--color-on-accent: #f9fafb;--color-surface: #f9fafb;--color-surface-elevated: #f3f4f6;--color-text: #1f2937;--color-text-muted: #6b7280;--page-bg: #f9fafb;--surface-hover: #f3f4f6;--border-default: #e5e7eb}html,body{margin:0;min-height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--page-bg)}#root{min-height:100vh}a{color:inherit}input,button{font-family:inherit}.form-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.form-field label{font-size:.875rem;font-weight:500;color:#475569;margin-left:.25rem}.form-field input{padding:.75rem 1rem;border-radius:12px;border:1px solid #e2e8f0;outline:none;background:#fff;font-size:.95rem;transition:all .2s ease;box-shadow:0 1px 3px #0f172a0a}.form-field input::placeholder{color:#94a3b8}.form-field input:hover{border-color:#94a3b899}.form-field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb26,0 1px 3px #1f29370a;background:var(--color-surface)}.error-text{color:#b91c1c;font-size:.8rem}.btn{padding:.75rem 1.75rem;border-radius:999px;border:none;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.btn.primary{background:linear-gradient(135deg,var(--color-accent) 0%,#3b82f6 50%,var(--color-accent) 100%);background-size:200% 200%;color:var(--color-on-accent);box-shadow:0 4px 14px #2563eb59,inset 0 1px #f9fafb33}.btn.primary:hover{background-position:100% 100%;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb73,inset 0 1px #f9fafb40}.btn.primary:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb59,inset 0 1px #f9fafb33}.btn.secondary{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #1f29370f;border:1px solid var(--border-default)}.btn.secondary:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14;border-color:#94a3b8}.btn.secondary:active{transform:translateY(0);box-shadow:0 1px 2px #0f172a0f}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none}