*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F6F2;--surface: #FFFFFF;--border: #E4E2DC;--text: #1A1A18;--muted: #6B6A65;--hint: #9B9A95;--accent: #2D5BE3;--accent-light: #EEF2FD;--accent-dark: #1E4ACC;--ok: #1A7F5A;--ok-bg: #EDF7F2;--ok-border: #A8DFCA;--err: #C0392B;--err-bg: #FDF0EE;--err-border: #F0B8B2;--amber: #B45309;--amber-bg: #FEF6ED;--amber-border: #FCD9A0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:DM Sans,sans-serif;cursor:pointer}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes spin{to{transform:rotate(360deg)}}