:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:#17202b;background:#f7f6ef}*{box-sizing:border-box}body{margin:0;padding:24px 16px}main{max-width:660px;margin:5vh auto;background:#fff;border:1px solid #dce0d4;border-radius:20px;padding:clamp(20px,5vw,40px)}.brand{width:64px;height:64px;border-radius:14px}.school{font-size:.75rem;letter-spacing:.12em;color:#58614d;font-weight:750}h1{font-size:clamp(1.8rem,5vw,2.3rem);line-height:1.2}p{line-height:1.6}label{display:block;font-weight:700;margin-top:20px}input{display:block;width:100%;font:inherit;border:1px solid #a7ad9d;border-radius:10px;min-height:50px;padding:12px;margin-top:8px}button,.button{display:inline-block;font:inherit;font-weight:750;border:0;border-radius:10px;background:#e8ebdd;color:#374330;padding:14px 18px;min-height:48px;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:default}#error{color:#9b2727}footer{border-top:1px solid #e4e6dc;margin-top:32px;padding-top:12px;font-size:.85rem;color:#5e665b}a{color:#3e5536}input:focus,button:focus,a:focus{outline:3px solid #657b4c;outline-offset:3px}[hidden]{display:none!important}