@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box}:root{--bg-base:#0a0e17;--bg-card:rgba(15,23,42,.8);--accent:#22d3ee;--accent-dim:#0891b2;--text:#e2e8f0;--text-muted:#94a3b8;--border:rgba(34,211,238,.2);--bg-image:none}body,html{margin:0;padding:0;min-height:100vh}body{font-family:Noto Sans TC,system-ui,sans-serif;background:var(--bg-base);color:var(--text);position:relative}body:before{background-image:var(--bg-image);background-size:cover;background-position:50%;opacity:.12}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:after{background:linear-gradient(180deg,transparent 0,var(--bg-base) 40%),radial-gradient(ellipse 80% 50% at 50% -20%,rgba(34,211,238,.15),transparent),linear-gradient(0deg,transparent 0,var(--bg-base) 30%)}main{position:relative;z-index:1}.tech-grid{position:fixed;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--accent) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}a{color:var(--accent)}a:hover{color:var(--accent-dim)}button.primary,input[type=submit].primary{background:linear-gradient(135deg,var(--accent-dim),var(--accent));color:#0a0e17;font-weight:600}button.primary:hover,input[type=submit].primary:hover{filter:brightness(1.1)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.font-mono{font-family:JetBrains Mono,monospace}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(160deg,#0f0a1a,#0a0e17 40%,#0c1222);position:relative;z-index:1}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(139,92,246,.12),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(59,130,246,.08),transparent);pointer-events:none}.login-card{position:relative;width:100%;max-width:400px;padding:2rem 2rem 1.75rem;background:rgba(17,24,39,.85);border:1px solid rgba(75,85,99,.4);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.login-brand{text-align:center;margin-bottom:1.75rem}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:1rem;background:rgba(30,41,59,.8);border-radius:12px;overflow:hidden}.login-logo-text{font-size:1.25rem;font-weight:700;color:#a78bfa;letter-spacing:-.02em}.login-title{font-size:1.35rem;font-weight:700;color:var(--text);margin:0 0 .25rem}.login-subtitle{font-size:.9rem;color:var(--text-muted);margin:0}.login-form{gap:1.1rem}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:.35rem}.login-label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.login-input{width:100%;padding:.65rem .9rem;font-size:.95rem;color:var(--text);background:rgba(30,41,59,.8);border:1px solid rgba(75,85,99,.5);border-radius:10px;outline:none;transition:border-color .2s}.login-input::placeholder{color:var(--text-muted);opacity:.8}.login-input:focus{border-color:rgba(139,92,246,.6)}.login-error{font-size:.875rem;color:#f87171;margin:-.25rem 0 0}.login-btn-primary{width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;border-radius:10px;cursor:pointer;transition:filter .2s,opacity .2s}.login-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.login-btn-primary:disabled{opacity:.7;cursor:not-allowed}.login-divider{display:flex;align-items:center;margin:1.25rem 0;color:var(--text-muted);font-size:.875rem}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:rgba(75,85,99,.5)}.login-divider span{padding:0 .75rem}.login-btn-google{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.7rem 1rem;font-size:.95rem;font-weight:500;color:var(--text);background:rgba(55,65,81,.9);border:1px solid rgba(75,85,99,.6);border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s}.login-btn-google:hover:not(:disabled){background:rgba(75,85,99,.9);border-color:hsla(220,9%,46%,.8)}.login-btn-google:disabled{opacity:.7;cursor:not-allowed}.login-google-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:4px}.login-sync-note{margin:1rem 0 0;padding:0 .25rem;font-size:.8rem;line-height:1.45;color:var(--text-muted)}.login-register{margin:1.25rem 0 0;font-size:.9rem;color:var(--text-muted);text-align:center}.login-register-link{color:#a78bfa;font-weight:500;text-decoration:none;margin-left:.25rem}.login-register-link:hover{text-decoration:underline}