:root{font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;color:#253347;background:#f4f6f9;font-size:14px}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f6f9}
.card{background:white;border:1px solid #cad5df;border-top:4px solid #324ab8;padding:32px 36px;max-width:440px;width:calc(100% - 32px);box-sizing:border-box}
h1{color:#324ab8;font-size:20px;margin:0 0 16px}
p{line-height:1.6;font-size:13px}
.warn{color:#a3471d}
.google{display:block;text-align:center;padding:11px;border:1px solid #9aa8b6;color:#253347;text-decoration:none;font-weight:600;margin-top:18px}
.google:hover{background:#eef3f8}
button{padding:8px 16px;font:inherit;cursor:pointer}
form.login{display:flex;flex-direction:column;gap:12px;margin-top:16px}
form.login label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#4b5a6b}
form.login input{padding:9px 10px;font:inherit;border:1px solid #9aa8b6}
form.login button{background:#324ab8;color:white;border:0;padding:10px;font-weight:600}
button.link{background:none;border:0;color:#4b5a6b;text-decoration:underline;padding:8px 0}
.ok{color:#1d6b3a}