/* Match the learning campus while preserving the existing sign-in flow. */
:root{--pur:#2b5840;--ga:linear-gradient(0deg,#214936,#214936);--line:#d6e0cf;--muted:#596e5f}
body{background:#f3f6ed;color:#233d30;font-family:system-ui,-apple-system,"Hiragino Sans","Meiryo",sans-serif;line-height:1.8;padding:32px 20px}
.card{max-width:460px;padding:42px 36px;border-radius:12px;border:1px solid #d6e0cf;box-shadow:0 20px 60px #24412e09}
.logo{margin-bottom:28px}.logo img{height:auto;max-height:42px;max-width:100%}h1{font-size:26px;font-weight:750;letter-spacing:-.02em}.sub{font-size:13px;margin-bottom:28px}
.tabs{border-radius:6px;background:#edf3e5;padding:5px}.tab{border-radius:4px;min-height:46px;font-weight:650;font-size:14px}.tab.active{box-shadow:0 1px 4px #25402b12;color:#214936}
label{color:#36533e;font-size:13px}input{border-radius:5px;border-width:1px;padding:14px;font-size:16px;color:#203d31}.btn,.btn-google{border-radius:5px;font-weight:650;min-height:50px;font-size:14px}.btn-google{border-width:1px}.btn-google:hover{background:#f2f6eb}.btn-google:disabled{opacity:.6;cursor:default}.msg{font-size:13px;overflow-wrap:anywhere}.foot{font-size:13px;margin-top:28px}.foot a{text-underline-offset:5px}.foot a:hover{text-decoration:underline}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7c9b55;outline-offset:3px}.or{color:#6b7d6e}
@media(max-width:480px){body{align-items:flex-start;padding-top:32px}.card{padding:30px 24px}.logo{margin-bottom:22px}h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}