:root{--color-primary: #00643f;--color-primary-light: #009a5e;--color-secondary: #d62828;--color-secondary-light: #ef4444;--color-accent: #f4a261;--color-bg: #f5f7fb;--color-bg-alt: #eef1f8;--color-card: #ffffff;--color-text: #0f172a;--color-muted: #64748b;--color-border: #e2e8f0;--color-success: #16a34a;--color-warning: #f59e0b;--gradient-album: linear-gradient(135deg, #00643f 0%, #009a5e 100%);--gradient-repeated: linear-gradient(135deg, #d62828 0%, #f4a261 100%);--gradient-header: linear-gradient(120deg, #1e3a8a 0%, #1d6fa5 55%, #0e7490 100%);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 14px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--transition: .18s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-light)}button{cursor:pointer;font-family:inherit;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary-light);outline-offset:1px}h1,h2,h3{margin:0 0 12px;font-weight:700;letter-spacing:-.01em}h1{font-size:1.7rem}h2{font-size:1.35rem}h3{font-size:1.1rem}.page-title{display:flex;align-items:center;gap:10px;font-size:1.4rem;margin-bottom:18px}.page-title .chip{background:var(--gradient-album);color:#fff;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.page-title.repeated .chip{background:var(--gradient-repeated)}.error-msg{color:var(--color-secondary);font-size:.9rem}@media (max-width: 600px){html,body{font-size:14px}h1{font-size:1.4rem}}