:root{font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#17261f;background:#f7f5ee}*{box-sizing:border-box}body{margin:0}.login-shell{min-height:100dvh;display:grid;grid-template-columns:1.06fr .94fr}.hero{position:relative;display:flex;flex-direction:column;justify-content:center;padding:8vw;background:#203f35;color:#fff;overflow:hidden}.hero:after{content:"";position:absolute;width:46vw;height:46vw;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-21vw;top:-17vw}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.28em;color:#ddb96e}.hero h1{margin:34px 0 28px;font-family:serif;font-size:clamp(54px,6vw,104px);line-height:1.25;font-weight:600;letter-spacing:.04em}.hero p{font-size:20px;line-height:1.8}.studio{margin-top:auto;font-size:18px;font-weight:700;letter-spacing:.12em}.form-wrap{display:grid;place-items:center;padding:40px}.card{width:min(560px,100%);padding:62px 64px;border:1px solid #ddd8cc;border-radius:34px;background:#fff;box-shadow:0 24px 60px rgba(31,47,40,.1)}.card h2{margin:28px 0 12px;font-size:42px}.card>p{color:#6e746f;font-size:18px;margin:0 0 36px}.card label{display:block;margin:22px 0 8px;font-weight:800;font-size:16px}.card input{display:block;width:100%;height:68px;margin-top:10px;padding:0 20px;border:1px solid #cbd4ce;border-radius:14px;font-size:19px;outline:none}.card input:focus{border-color:#315c4c;box-shadow:0 0 0 5px rgba(49,92,76,.1)}.card button{width:100%;height:70px;margin-top:30px;border:0;border-radius:14px;background:#23483b;color:#fff;font-size:21px;font-weight:800;cursor:pointer}.message{min-height:25px;margin-top:18px;text-align:center;color:#a23c2f}.loading .card{opacity:.72;pointer-events:none}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.hero{display:none}.form-wrap{min-height:100dvh;padding:20px}.card{padding:38px 26px;border-radius:24px}.card h2{font-size:34px}}