:root{font-family:"Microsoft JhengHei","Noto Sans TC",sans-serif;color:#17332e;background:#eaf6f1}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fff8dc 0,#eaf6f1 45%,#dceee7 100%)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);background:#fff;border:1px solid #cfe1da;border-radius:30px;padding:clamp(28px,6vw,52px);box-shadow:0 18px 50px rgba(21,91,79,.16)}.login-card.register-card{width:min(640px,100%)}.login-card--hero{width:min(1180px,100%);padding:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(400px,.82fr);overflow:hidden}.login-visual{min-height:720px;background:#eef5ee}.login-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,56px)}.school-emblem{display:block;width:94px;height:94px;margin:0 0 18px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(21,91,79,.14)}.eyebrow{display:inline-block;align-self:flex-start;margin:0 0 12px;padding:7px 13px;border-radius:999px;background:#e5f2ed;color:#155b4f;font-weight:800}h1{margin:0;font-size:clamp(32px,5vw,44px);line-height:1.22;color:#155b4f}h1 span{display:block;white-space:nowrap}.login-card--hero h1{font-size:clamp(32px,3vw,43px)}.intro{font-size:19px;line-height:1.7;margin:18px 0 24px}form{display:grid;gap:10px}label{font-size:18px;font-weight:800;margin-top:8px}input,textarea{width:100%;min-height:56px;border:2px solid #b7cec5;border-radius:15px;padding:12px 15px;font:inherit;font-size:19px}textarea{min-height:100px;resize:vertical;line-height:1.55}input:focus,textarea:focus{outline:4px solid rgba(232,137,50,.22);border-color:#e88932}button{margin-top:16px;min-height:62px;border:0;border-radius:17px;background:#217666;color:#fff;font:inherit;font-size:22px;font-weight:900;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.status{min-height:28px;color:#a32e28;font-weight:800;text-align:center;line-height:1.55}.status.success{color:#176633}.register-action{text-align:center;font-weight:800;margin:8px 0}.register-action a,.back-link{color:#155b4f}.help{font-size:14px;line-height:1.6;color:#62746e;text-align:center;margin:12px 0 0}.field-help{margin:0;color:#62746e;font-size:14px}.back-row{text-align:center;margin:18px 0 0}@media(max-width:850px){.login-card--hero{grid-template-columns:1fr;width:min(640px,100%)}.login-visual{min-height:300px;max-height:42vh}.login-visual img{object-position:left 45%}.login-panel{padding:32px}.school-emblem{width:82px;height:82px}}@media(max-width:420px){.login-shell{padding:12px}.login-card{padding:26px 22px;border-radius:24px}.login-card--hero{padding:0}.login-visual{min-height:220px}.login-panel{padding:26px 22px}.school-emblem{width:72px;height:72px;margin-bottom:14px}h1,.login-card--hero h1{font-size:7vw}}