:root{font-family:"Segoe UI","Microsoft JhengHei",sans-serif;color:#243b3a;background:#f4f4ef}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;max-width:1160px;margin:auto;padding:30px 0;border-bottom:1px solid #d7ded7}header>a{font-size:27px;font-weight:700;text-decoration:none;color:inherit;letter-spacing:2px}header a span{font-size:10px;font-weight:500;letter-spacing:2px;border-left:1px solid #c7d3c4;padding-left:18px;margin-left:15px}header>span{font-size:12px;color:#6e8876}.eyebrow{font-size:10px;letter-spacing:2px;color:#78917d;font-weight:600}main{max-width:1160px;margin:90px auto;display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:start}.welcome{padding:35px 10px}.welcome h1{font-size:45px;line-height:1.6;letter-spacing:2px;margin:22px 0}.welcome p{font-size:15px;line-height:2;color:#71806d;max-width:440px}.features{margin-top:34px;display:flex;gap:20px;font-size:12px;color:#66836a}.login-card{border:1px solid #d7ded7;border-radius:17px;background:#fffef9;padding:34px;box-shadow:0 15px 35px #264b3610}h2{font-size:26px;margin:13px 0 16px}.login-card>p{font-size:12px;line-height:1.9;color:#748370}form label{display:block;font-size:12px;color:#617663;margin:20px 0}input{display:block;margin-top:8px;padding:13px;border-radius:7px;border:1px solid #cdd9c7;font:inherit;color:#243b3a;width:100%;background:#fffef9}input:focus{outline:2px solid #7eab8d;outline-offset:1px}button{width:100%;background:#176357;border:0;border-radius:7px;color:#fff;padding:14px 16px;font:inherit;cursor:pointer;display:flex;justify-content:space-between;margin-top:27px}button:disabled{opacity:.6;cursor:wait}.login-card p.note{font-size:10px;color:#8a9685;border-top:1px solid #e1e7d9;margin-top:25px;padding-top:16px}#message{min-height:18px;color:#a24b35}.login-card a{color:#176357;font-size:12px}footer{max-width:1160px;margin:0 auto;padding:22px 0;border-top:1px solid #d7ded7;display:flex;justify-content:space-between;font-size:10px;color:#8a9685}[hidden]{display:none!important}@media(max-width:1200px){header,footer{margin-left:30px;margin-right:30px}main{margin:55px 30px;grid-template-columns:1fr 400px;gap:40px}.welcome h1{font-size:37px}}@media(max-width:760px){header{padding:23px 0}header a span{display:none}main{grid-template-columns:1fr;margin:25px 21px 40px;gap:20px}.welcome{padding:10px 0}.welcome h1{font-size:30px;margin:15px 0}.welcome p{font-size:13px}.features{margin-top:20px;font-size:11px}.login-card{padding:25px}footer{flex-direction:column;gap:10px}}