:root{font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#102b43;background:#eef3f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#102b43 0 48%,#eef3f4 48%)}.login-shell{width:min(920px,calc(100% - 32px));display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #071d2f40}.brand{padding:70px 54px;background:#102b43;color:white}.brand span{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:#0b8878;font-size:32px;font-weight:900}.brand p{margin:34px 0 8px;color:#9ccdc6}.brand h1{font-size:38px;margin:0 0 12px}.brand small{color:#b9cbd5}form{padding:62px 54px;display:flex;flex-direction:column;gap:18px}form>p{color:#078274;font-weight:800;letter-spacing:.16em;margin:0}h2{font-size:32px;margin:0 0 12px}label{display:grid;gap:7px;font-weight:700}input{width:100%;border:1px solid #cddadc;border-radius:10px;padding:14px;font:inherit}input:focus{outline:3px solid #0b887829;border-color:#0b8878}button{border:0;border-radius:10px;padding:15px;background:#087d70;color:#fff;font:inherit;font-weight:800;cursor:pointer}button:disabled{opacity:.65}#loginError{min-height:22px;color:#b3261e}form>small{color:#6c7c83;line-height:1.6}@media(max-width:700px){body{background:#eef3f4}.login-shell{grid-template-columns:1fr}.brand{padding:30px}.brand h1{font-size:28px}.brand p{margin-top:18px}form{padding:34px 30px}}