:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#111;background:#fff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;border-top:8px solid #00e600}
.shell{width:min(600px,calc(100% - 32px));margin:0 auto;padding:36px 0}
.school-logo{width:250px;max-width:100%}.school-caption{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:24px 0;color:#555}
h1{font-size:clamp(28px,6vw,40px);letter-spacing:-.04em;line-height:1.15}h2{font-size:23px}h3{margin:0;overflow-wrap:anywhere}
form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:14px;font-weight:700}
input,select,button{font:inherit;border-radius:12px;padding:13px;width:100%;border:2px solid #111;min-height:48px}
input,select{background:#fff;color:#111}input:focus,select:focus{background:#f1faff}
button{appearance:none;-webkit-appearance:none;background:#00e600;color:#111;-webkit-text-fill-color:#111;font-weight:800;cursor:pointer;box-shadow:3px 3px 0 #111}
button:hover{background:#c8ffc0}button:active{box-shadow:1px 1px 0 #111;transform:translate(1px,1px)}
:focus-visible{outline:3px solid #008bdb;outline-offset:4px}.muted,small{color:#555;line-height:1.6}small{font-weight:400}
.notice{padding:16px;background:#e7f5ff;border:2px solid #111;border-left:8px solid #008bdb;border-radius:12px;line-height:1.5;overflow-wrap:anywhere}
section{background:#fff;padding:24px;border:2px solid #111;border-radius:20px;margin:20px 0;box-shadow:4px 4px 0 #111}
a{color:#006cae}details{margin-top:20px}summary{cursor:pointer;color:#a51a10;padding:8px 0}.danger{background:#ffe9e6;color:#991a12;-webkit-text-fill-color:#991a12}.danger:hover{background:#ffd2cb}
@media(max-width:640px){.shell{padding-top:24px}.school-logo{width:220px}section{padding:18px}.brand-footer{padding:0}}