:root{color-scheme:dark;--bg:#081321;--card:#122036;--line:#2a3b54;--text:#edf4ff;--muted:#8eaed2;--mint:#5ce4bc;--red:#ff9b96}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#0a1525,#081321 70%);color:var(--text);font:15px Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif}.login-shell{width:min(100%,430px)}.login-card{padding:34px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#122036,#101c2f);box-shadow:0 18px 44px rgba(0,0,0,.22)}.brand-icon{width:38px;height:38px;border-radius:9px;background:var(--mint)}.kicker{margin:22px 0 8px;color:var(--mint);font-size:12px;font-weight:800;letter-spacing:1.7px}.login-card h1{margin:0;font-size:28px}.subtitle{margin:10px 0 26px;color:var(--muted)}label{display:block;margin:17px 0 8px;font-weight:700}input{width:100%;padding:12px 13px;border:1px solid #42536c;border-radius:9px;background:#0d1b2e;color:var(--text);font:inherit}input:focus{outline:3px solid rgba(92,228,188,.16);border-color:var(--mint)}button{width:100%;margin-top:24px;padding:13px;border:0;border-radius:9px;background:var(--mint);color:#082119;font:800 15px inherit;cursor:pointer}button:focus-visible{outline:3px solid #fff;outline-offset:3px}.form-error{padding:12px;border:1px solid rgba(255,125,121,.55);border-radius:9px;background:rgba(80,28,32,.28);color:var(--red)}@media(max-width:430px){body{padding:14px}.login-card{padding:25px}.login-card h1{font-size:24px}}