:root{--color-primary: #1e55ed;--color-primary-light: #eaf2fb;--color-danger: #d62828;--color-danger-light: #fdeeee;--color-success: #2e8b57;--color-success-light: #eaf6ef;--color-text: #172033;--color-text-muted: #687386;--color-background: #f4f7fb;--color-surface: #ffffff;--color-border: #e2e7ef;--radius-card: 14px;--radius-button: 10px;--shadow-card: 0 4px 18px rgba(23, 32, 51, .08);--font-family: Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-family);background:var(--color-background);color:var(--color-text)}body{min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}.page{min-height:100vh;padding:24px 16px;background:var(--color-background)}.page-header{margin-bottom:24px}.eyebrow{margin:0 0 6px;color:var(--color-primary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.page-header h1{margin:0;color:var(--color-text);font-size:30px;line-height:1.1}.page-header p:last-child{margin:8px 0 0;color:var(--color-text-muted);font-size:15px;line-height:1.5}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.state{padding:20px;background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.state p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.5}.state-error{border-left:4px solid var(--color-danger)}.state-error p{color:var(--color-danger);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:0;border-radius:var(--radius-button);font-size:14px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:var(--color-primary);color:#fff}.button-primary:hover{background:#174f8d;box-shadow:0 4px 12px #1d5fa733}.button-secondary{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.button-secondary:hover{background:var(--color-surface)}.button-danger{background:var(--color-danger);color:#fff}.button-danger:hover{background:#b82020;box-shadow:0 4px 12px #d6282833}.button-success{background:var(--color-success);color:#fff}.button-success:hover{background:#247348;box-shadow:0 4px 12px #2e8b5733}@media(min-width:700px){.page{padding:32px}}