:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-surface-hover: #f1f5f9;--bg-subtle: #f1f5f9;--border-dim: #e2e8f0;--border-base: #cbd5e1;--border-focus: #003b73;--text-main: #0f172a;--text-muted: #475569;--text-dim: #64748b;--brand-blue: #003b73;--brand-blue-hover: #002855;--brand-blue-subtle: #eff6ff;--brand-blue-border: #bfdbfe;--brand-blue-light: #2563eb;--status-success: #059669;--status-success-subtle: #ecfdf5;--status-success-border: #a7f3d0;--status-success-text: #065f46;--status-warning: #d97706;--status-warning-subtle: #fffbeb;--status-warning-border: #fde68a;--status-warning-text: #92400e;--status-danger: #dc2626;--status-danger-subtle: #fef2f2;--status-danger-border: #fecaca;--status-danger-text: #991b1b;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--transition: .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;letter-spacing:-.02em;line-height:1.25}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.container{max-width:1160px;margin:0 auto;padding:0 20px}.section-padding{padding:60px 0}.section-header{margin-bottom:32px}.section-label{display:inline-block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-blue);margin-bottom:6px}.section-title{font-size:clamp(24px,3vw,32px);font-weight:800;color:#0f172a;margin-bottom:8px}.section-subtitle{font-size:15px;color:var(--text-muted);max-width:640px;line-height:1.55}.card-base{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}.card-base:hover{border-color:var(--border-base);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;padding:9px 18px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition);outline:none}.btn-primary{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.btn-primary:hover{background:var(--brand-blue-hover);border-color:var(--brand-blue-hover)}.btn-secondary{background:#fff;color:#1e293b;border-color:var(--border-base)}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}input[type=range]{width:100%;height:5px;background:#e2e8f0;border-radius:3px;outline:none;accent-color:var(--brand-blue);cursor:pointer}input[type=number],input[type=text],select{background:#fff;border:1px solid var(--border-base);border-radius:var(--radius-sm);color:#0f172a;font-size:14px;padding:8px 12px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 2px #003b7326}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:var(--radius-xs)}.badge-blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.badge-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.badge-neutral{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.section-padding{padding:40px 0}.container{padding:0 16px}}
