*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;padding:24px 0;display:grid;place-items:center;background:#002d56;color:#24384c;font-family:"Microsoft JhengHei","PingFang TC",sans-serif}.login-card{background:#fff;width:min(430px,92vw);padding:36px;border-radius:20px;border-top:7px solid #f58220}.login-card img{width:190px;max-width:100%;display:block;margin-bottom:30px}.eyebrow{letter-spacing:2px;font-size:.67rem;font-weight:800;color:#004481}h1{font-size:2rem;color:#002d56;margin:7px 0 10px;overflow-wrap:anywhere}p{margin:0 0 16px;line-height:1.7}label{display:block;font-size:.87rem;font-weight:700;line-height:1.7}input{font:inherit;width:100%;border:1px solid #cfdae4;border-radius:7px;padding:10px;color:#24384c;background:white}input:focus{outline:2px solid #f5822070;border-color:#f58220}button{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:8px;width:100%;background:#004481;color:#fff;padding:13px 24px;box-shadow:0 4px 12px #00448120}button:hover{background:#002d56}button:focus-visible{outline:3px solid #f58220;outline-offset:3px}.error{font-size:.85rem;color:#a23616;margin:0 0 16px}.error:not(:empty){margin-top:10px}small{display:block;margin-top:25px;color:#708090}@media(max-width:380px){.login-card{padding:28px}h1{font-size:1.7rem}}