*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f5f5f5;--color-surface: #ffffff;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-danger: #dc2626;--color-text: #111827;--color-muted: #6b7280;--color-border: #e5e7eb;--radius: .75rem;--shadow: 0 1px 3px rgba(0, 0, 0, .1)}body{font-family:system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100dvh}input,select,button{font-family:inherit;font-size:1rem}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.field{display:flex;flex-direction:column;gap:.375rem}label{font-size:.875rem;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}input[type=text],input[type=number],input[type=date],input[type=url],input[type=password],select{width:100%;padding:.75rem 1rem;border:1.5px solid var(--color-border);border-radius:.5rem;background:var(--color-surface);color:var(--color-text);transition:border-color .15s;-webkit-appearance:none;appearance:none}input:focus,select:focus{outline:none;border-color:var(--color-primary)}.btn{display:block;width:100%;padding:.875rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--color-danger);font-size:.875rem}