:root{--ink:#172033;--muted:#64748b;--brand:#1677ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f4f7fb;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(20rem,1fr) minmax(24rem,34rem);gap:5rem;align-items:center;max-width:76rem;margin:auto;padding:3rem}.auth-brand h1{font-size:3rem;margin:.4rem 0}.auth-brand p{color:var(--muted);font-size:1.1rem}.auth-logo{width:4rem;height:4rem;border-radius:1.2rem;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:1.8rem;font-weight:800}.auth-brand-image{display:block;max-width:260px;height:auto}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700}.auth-card{background:#fff;border:1px solid #dbe2ea;border-radius:1.25rem;padding:2rem;box-shadow:0 24px 60px rgba(23,32,51,.12)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e2e8f0;margin:-.5rem 0 1.5rem}.auth-tabs button{border:0;background:none;padding:1rem;color:var(--muted);font-weight:700}.auth-tabs .active{color:var(--brand);border-bottom:3px solid var(--brand)}label{display:block;font-weight:650;margin:.9rem 0 .4rem}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.social{display:flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none;text-align:center;padding:.7rem .3rem;border:1px solid #dbe2ea;border-radius:.65rem;font-weight:700;color:var(--ink)}.social span,.social strong,.social small{display:block}.social small{font-weight:500}.line i{color:#06c755}.facebook i{color:#1877f2}.whatsapp i{color:#25d366}.divider{display:flex;align-items:center;gap:1rem;color:var(--muted);margin:1.3rem 0}.divider:before,.divider:after{content:"";height:1px;background:#e2e8f0;flex:1}.back{border:0;background:none;padding:0;color:var(--brand)}.auth-social-heading{display:grid;gap:.25rem;margin-bottom:1rem}.auth-social-heading span{color:var(--muted);font-size:.82rem}.auth-alternative{margin-top:1rem}.auth-alternative summary{cursor:pointer;text-align:center;color:var(--muted);font-size:.82rem;font-weight:700}.auth-notice{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1.1rem;padding:1rem;border:1px solid #f0cf77;border-radius:.85rem;background:#fff9e8;color:#684e12}.auth-notice>i{font-size:1.25rem}.auth-notice strong,.auth-notice span,.auth-notice small{display:block}.auth-notice span{margin-top:.2rem;font-weight:700}.auth-notice small{margin-top:.3rem;line-height:1.45;color:#806928}@media(max-width:760px){.auth-page{display:block;padding:1rem}.auth-brand{padding:2rem .5rem}.auth-brand h1{font-size:2rem}.auth-card{padding:1.25rem}.social-grid{grid-template-columns:1fr}}