:root{font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:#14283e;background:#f4f7fb;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.header{max-width:1240px;margin:auto;padding:30px 48px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:700;letter-spacing:.1em}.brand-icon{display:grid;place-items:center;border-radius:12px;background:#142e4c;color:#efc16f;font-size:30px;width:48px;height:48px}.brand small{display:block;font-size:10px;letter-spacing:.2em;margin-top:5px}.header-note{color:#687787;font-size:14px}main{max-width:1144px;margin:15px auto 34px;display:grid;grid-template-columns:1.05fr 1fr;min-height:720px;background:white;border:1px solid #dfe6ee;border-radius:24px;overflow:hidden;box-shadow:0 18px 70px #1a35500a}.intro{background:#132d49;color:#fff;position:relative;overflow:hidden;padding:64px 48px 32px;display:flex;flex-direction:column}.eyebrow{font-size:14px;letter-spacing:.08em;color:#edc985;display:flex;align-items:center;gap:12px}.eyebrow span{width:25px;height:1px;background:currentColor}h1{font-size:clamp(30px,3vw,40px);font-weight:500;line-height:1.65;letter-spacing:.035em;margin:28px 0 14px}.intro>p{color:#bacada;line-height:1.95;margin:0;font-size:16px}.score{position:relative;flex:1;min-height:225px;margin:25px -48px 20px;overflow:hidden}.score-lines{position:absolute;left:-10%;top:73px;width:125%;height:98px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 22px,#7892a940 23px,#7892a940 24px);transform:rotate(-12deg)}.note{position:absolute;color:#ebc47e;font-family:Georgia,serif;font-size:65px;transform:rotate(-12deg)}.n1{left:12%;top:107px}.n2{left:37%;top:63px;font-size:82px}.n3{left:60%;top:51px}.n4{left:83%;top:0;font-size:78px}.score-caption{position:absolute;bottom:3px;left:48px;color:#8ba2ba;font-size:10px;letter-spacing:.22em}.intro-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding-top:23px;color:#a6b9cc;font-size:13px}.login-panel{padding:49px 54px;align-self:center;min-width:0}.panel-eyebrow{font-size:11px;letter-spacing:.19em;color:#7b6440;font-weight:700}h2{font-size:30px;font-weight:700;margin:10px 0 8px;letter-spacing:.035em}.panel-description{color:#6b7885;line-height:1.65;font-size:14px;margin:0 0 26px}.role-switch{display:grid;grid-template-columns:1fr 1fr;background:#eef2f6;border-radius:10px;padding:5px;gap:5px}.role-switch button{border:0;background:transparent;color:#647384;font-weight:600;min-height:44px;border-radius:7px}.role-switch button[aria-pressed=true]{background:#fff;color:#173958;box-shadow:0 2px 6px #16365512}.role-hint{color:#6b7885;font-size:13px;margin:12px 0 23px}label{display:block;font-size:14px;font-weight:600;margin:17px 0 8px}input{width:100%;min-height:49px;padding:12px 14px;border:1px solid #ccd6e0;border-radius:8px;background:#fff;color:#14283e;outline:none}input::placeholder{color:#83909c;font-size:14px}input:focus{border-color:#24587f;box-shadow:0 0 0 3px #24587f17}.password-field{position:relative}.password-field input{padding-right:64px}.password-field button{position:absolute;right:5px;top:4px;min-height:41px;min-width:50px;background:transparent;border:0;color:#536b80;font-size:13px}.primary{display:flex;justify-content:center;gap:15px;align-items:center;background:#193d5d;color:white;border:0;border-radius:8px;width:100%;min-height:49px;font-weight:600}.primary:hover{background:#245479}.primary:disabled{opacity:.6}.message{color:#b03938;font-size:14px;line-height:1.5;margin:12px 0;min-height:0}.message:empty{margin:20px 0 0}.divider{display:flex;align-items:center;gap:14px;color:#83909c;font-size:12px;margin:22px 0 18px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e4e9ef}.google-button{border:1px solid #dce3ea;background:#fafbfd;min-height:48px;border-radius:8px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;color:#687582;font-size:14px}.google-mark{font-size:20px;font-weight:800;color:#71869c}.soon{font-size:11px;padding:3px 6px;border-radius:4px;background:#eaf0f5;color:#67798a}.help{text-align:center;font-size:12px;line-height:1.8;color:#6b7885;margin:19px 0 0}footer{max-width:1144px;margin:0 auto 26px;display:flex;justify-content:space-between;color:#7b8795;font-size:12px;gap:20px}.success-icon{display:grid;place-items:center;width:56px;height:56px;background:#e7f3ee;color:#267451;border-radius:50%;font-size:30px;margin:24px 0}dl{border-top:1px solid #e3e8ef;padding-top:12px}dt{font-size:12px;color:#71808f;margin-top:16px}dd{margin:6px 0;font-size:16px;overflow-wrap:anywhere}.empty-state{background:#f1f5f9;border-radius:10px;padding:18px;margin:26px 0;font-size:15px}.empty-state p{font-size:14px;color:#667787;margin:8px 0 0;line-height:1.6}[hidden]{display:none!important}:focus-visible{outline:3px solid #d39435;outline-offset:3px}@media(max-width:1000px){.header{padding:24px 30px}main{margin:10px 24px 24px}.intro{padding:44px 30px 28px}.login-panel{padding:40px 32px}.score{margin-left:-30px;margin-right:-30px}.score-caption{left:30px}footer{margin:0 24px 24px}h1{font-size:30px}}@media(max-width:700px){.header{padding:20px 22px}.brand{font-size:18px}.brand-icon{width:42px;height:42px}.header-note{display:none}main{display:block;margin:0 16px 22px;border-radius:18px;min-height:0}.intro{padding:25px 25px 27px}.eyebrow{font-size:12px}h1{font-size:25px;line-height:1.5;margin:15px 0 0}.intro>p,.score,.intro-footer{display:none}.login-panel{padding:28px 25px 32px}h2{font-size:26px}.panel-description{margin-bottom:20px}.role-hint{margin-bottom:18px}footer{display:block;text-align:center;font-size:11px;line-height:1.8}footer span{display:block}.soon{font-size:10px}.google-button{gap:8px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}}