:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#1f2937;background:#f5f7fb;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 16% 5%,#f8e6e6,transparent 38%),radial-gradient(ellipse at 88% 0,#eaf1fc,transparent 42%),#f5f7fb}
.login-card{width:min(100%,410px);padding:30px;border:1px solid #dbe2ec;border-radius:16px;background:#fff;box-shadow:0 18px 50px #182a4514}
.school{display:flex;align-items:center;gap:12px;color:#870303;text-decoration:none}
.school img{width:52px;height:52px;object-fit:contain;border-radius:10px}
.school strong,.school small{display:block}.school strong{font-size:14px}.school small{margin-top:3px;color:#5f6b7a;font-size:12px}
h1{margin:28px 0 5px;color:#870303;font-size:26px}.intro{margin:0 0 22px;color:#5f6b7a;font-size:13px;line-height:1.55}
form{display:grid;gap:8px}label{margin-top:7px;font-size:12px;font-weight:750}
input{width:100%;height:44px;padding:0 12px;border:1px solid #d0dbea;border-radius:8px;font:inherit;font-size:14px}
input:focus{outline:2px solid #0247B3;outline-offset:2px;border-color:#0247B3}
button{height:44px;margin-top:6px;border:0;border-radius:8px;background:#870303;color:#fff;font:inherit;font-size:14px;font-weight:750;cursor:pointer}
button:hover{background:#690202}button:disabled{opacity:.65;cursor:wait}
.turnstile-widget{min-height:140px;display:grid;place-items:center;overflow:hidden}.turnstile-widget[hidden]{display:none}
.message{min-height:19px;margin:2px 0;color:#870303;font-size:12px;line-height:1.5}.message[data-kind="success"]{color:#087443}
@media(max-width:480px){.login-card{padding:24px 20px}}
@media screen and (max-width:380px){body{padding:12px}.login-card{padding:20px 16px}.school{gap:9px}.school img{width:44px;height:44px}.school strong{font-size:13px}h1{margin-top:22px}}
@media screen and (max-height:560px){body{align-items:start}.login-card{margin:auto 0}}
@media screen and (max-width:620px){input{font-size:16px}}