@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root{--bg:#f5f7fb;--white:#fff;--ink:#1e3042;--muted:#788b9c;--line:#dfe7ee;--blue:#328bc4;--blue-light:#e8f3fa;--danger:#b42318;--success:#176b3a}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--ink);font-family:Poppins,sans-serif}main{width:min(100%,430px);padding:34px;border:1px solid var(--line);background:var(--white);box-shadow:0 12px 35px rgba(30,48,66,.06)}.brand{display:block;width:180px;margin:0 auto 28px}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px}h1{margin:0 0 24px;font-size:28px;font-weight:600;letter-spacing:-.6px}form{display:grid;gap:16px}label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:500}input,button{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);font:inherit}input:focus{border-color:var(--blue);outline:2px solid var(--blue-light)}button{border-color:var(--blue);background:var(--blue);color:#fff;cursor:pointer;font-size:13px;font-weight:600}button:hover{background:#2679ad}.error,.success{margin:0 0 18px;padding:10px 12px;font-size:12px}.error{background:#fff1f0;color:var(--danger)}.success{background:#edf8f1;color:var(--success)}.switch{margin:22px 0 0;color:var(--muted);font-size:12px}.switch a{color:var(--blue);font-weight:600;text-decoration:none}.auth-button{display:block;padding:12px 16px;background:var(--blue);color:#fff;text-align:center;font-size:13px;font-weight:600;text-decoration:none}.auth-button:hover{background:#2679ad}