:root{--primary:#0052cc;--primary-hover:#0040a2;--primary-container:#dae2ff;--on-primary:#fff;--secondary:#535f73;--secondary-container:#d4e0f8;--background:#f8f9fb;--surface:#fff;--surface-dim:#d9dadc;--surface-container:#edeef0;--surface-container-high:#e7e8ea;--on-surface:#191c1e;--on-surface-variant:#434654;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--outline:#737685;--outline-variant:#c3c6d6;--font-main:"Inter", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--background);color:var(--on-surface);line-height:1.6}button{cursor:pointer;font-family:inherit;transition:all .2s}input{font-family:inherit}.card{background-color:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:24px}.btn{border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-container);color:var(--secondary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-md{gap:24px}.mt-md{margin-top:24px}