:root{--color-primary: #1e293b;--color-secondary: #64748b;--color-accent: #d97706;--color-accent-hover: #b45309;--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .08);--color-success: #16a34a;--color-success-bg: rgba(22, 163, 74, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-family);font-size:16px;color:var(--color-primary);background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.page{width:100%;max-width:440px}.brand-mark{text-align:center;margin-bottom:24px}.brand-logo{font-size:28px;font-weight:700;color:var(--color-accent)}.brand-tagline{font-size:14px;color:var(--color-secondary);margin-top:4px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:0 1px 3px #0000000f}.heading{font-size:22px;font-weight:700;color:var(--color-primary);margin:0 0 8px}.subheading{font-size:14px;color:var(--color-secondary);margin:0 0 24px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:500;color:var(--color-primary);margin-bottom:6px}.field input,.field select{width:100%;padding:10px 12px;font-size:15px;font-family:inherit;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #d9770626}.field input.error,.field select.error{border-color:var(--color-error)}.field-error{display:block;margin-top:4px;font-size:12px;color:var(--color-error)}.checkbox-field{margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}.checkbox-field input{margin-top:3px}.checkbox-field label{font-size:13px;color:var(--color-secondary);line-height:1.4}.checkbox-field a{color:var(--color-accent);text-decoration:none}.checkbox-field a:hover{text-decoration:underline}.button{width:100%;padding:12px 16px;font-size:15px;font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.button:hover:not(:disabled){background:var(--color-accent-hover)}.button:disabled{opacity:.6;cursor:not-allowed}.banner{padding:12px 16px;border-radius:var(--radius-md);font-size:13px;margin-bottom:16px}.banner-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(220,38,38,.3)}.banner-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(22,163,74,.3)}.footer-link{text-align:center;margin-top:16px;font-size:13px;color:var(--color-secondary)}.footer-link a{color:var(--color-accent);text-decoration:none;font-weight:500}.footer-link a:hover{text-decoration:underline}