:root{color-scheme:light;--paper:#f8f6f0;--ink:#192c27;--accent:#b97c41}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
main{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.identity{min-height:100%;background:#203c35;color:#faf7ee;padding:clamp(32px,6vw,96px);display:flex;flex-direction:column}
.wordmark,.course{font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;font-weight:650}.wordmark span{color:#c8a477;margin:0 .4em}
.identity-content{margin:auto 0}.identity h1,.access h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;line-height:1}
.identity h1{margin:.26em 0;font-size:clamp(3.7rem,7.3vw,7rem)}.identity h1 em{color:#d5b289;font-weight:400}
.rule{margin:2rem 0;width:3rem;border-top:1px solid #c8a477}.intro{font-size:1.1rem;color:#e1e7df;line-height:1.55}
.access{display:grid;place-items:center;padding:clamp(24px,7vw,96px)}.access-inner{width:min(100%,25rem)}.access .course{color:#725432}.access h2{font-size:clamp(2.45rem,4vw,4rem);margin:.4em 0 .85em}
form{display:grid;gap:.65rem}label{font-size:.9rem;font-weight:600;margin-top:.45rem}input{width:100%;font:inherit;padding:.85em .9em;border-radius:.25rem;border:1px solid #a4afa6;background:#fff;color:var(--ink)}
input:focus-visible,button:focus-visible{outline:3px solid #bd8145;outline-offset:2px}button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:.85rem;padding:.85em 1.1em;background:#203c35;color:#fff;border:0;border-radius:.25rem;font:inherit;font-weight:600;cursor:pointer}button:hover{background:#2d4c43}.error{color:#962d24;line-height:1.4}
@media(max-width:720px){main{grid-template-columns:1fr}.identity{padding:1.6rem 1.7rem}.identity-content{margin:2.4rem 0 0}.identity h1{font-size:3.8rem}.rule,.intro{display:none}.access{padding:2rem 1.7rem 3rem;display:block}.access-inner{margin:auto}}