:root{--bg-canvas: #f7f9fc;--text-900: #0f172a;--text-700: #334155;--text-600: #475569;--text-500: #64748b;--muted: #94a3b8;--line: #e6eaf2;--brand: #1fd2e3;--brand-700: #17c4d4;--radius-lg: 14px;--radius-md: 12px;--shadow-sm: 0 2px 6px rgba(15,23,42,.04);--shadow-lg: 0 6px 20px rgba(31,210,227,.25)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:16px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text-900);background:#fff}.site-header{position:sticky;top:0;z-index:10;background:transparent;padding:18px 24px}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:800;color:var(--text-900);text-decoration:none;letter-spacing:-.01em}.brand img{display:block}.site-footer{display:flex;justify-content:center;padding:48px 16px 64px}.muted{color:var(--muted)}.page-login{background:var(--bg-canvas)}.welcome-shell{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:48px 24px 72px}.welcome-card{width:min(1040px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 70px #0f172a1f}.demo-panel{min-height:520px;padding:28px;background:linear-gradient(145deg,#eaf8fb,#eef2ff)}.demo-placeholder{width:100%;height:100%;min-height:464px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;border:1px solid rgba(31,210,227,.28);border-radius:18px;color:var(--text-700);background:#ffffff94;font:inherit;text-align:center}.demo-placeholder strong{font-size:20px;color:var(--text-900)}.demo-placeholder>span:last-child{color:var(--text-500)}.play-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--brand);box-shadow:var(--shadow-lg)}.play-icon:after{content:"";margin-left:4px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff}.signin-panel{display:grid;place-items:center;padding:56px 48px}.signin-content{width:min(360px,100%)}.signin-content h1{margin:0;font-size:38px;line-height:1.1;letter-spacing:-.035em}.signin-content>p{margin:16px 0 0;color:var(--text-600)}.google-button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;color:var(--text-900);font:700 15px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.google-button:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a17}.google-button:disabled{opacity:.65;cursor:wait;transform:none}.google-mark{color:#4285f4;font-size:18px;font-weight:800}.signin-content .signin-note{margin-top:16px;color:var(--text-500);font-size:13px;text-align:center}.signin-content .auth-error{margin-top:14px;color:#b42318;font-size:14px;text-align:center}@media(max-width:760px){.welcome-shell{place-items:start center;padding:24px 16px 48px}.welcome-card{grid-template-columns:1fr}.demo-panel{display:none}.signin-panel{min-height:460px;padding:48px 28px}.signin-content h1{font-size:32px}}.auth-wrap{max-width:980px;margin:96px auto 120px;padding:0 24px}.auth-panel{max-width:520px;margin-left:auto;margin-right:auto;background:transparent;border:0;box-shadow:none;padding:0}.auth-title{margin:0 0 20px;font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--text-900)}.auth-form{display:grid;gap:14px}.field{display:grid;gap:8px}.field-label{font-size:14px;color:var(--text-600)}.field input{appearance:none;width:100%;height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;color:var(--text-900);transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:#9aa5b1}.field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #22c3d626}.auth-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.remember{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--text-600)}.link-muted{color:var(--text-500);text-decoration:none}.link-muted:hover{color:var(--text-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;padding:0 16px;border-radius:var(--radius-lg);border:1px solid transparent;font-weight:700;font-size:16px;cursor:pointer;transition:transform .02s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#052b2f;box-shadow:var(--shadow-lg)}.btn-primary:hover{background:var(--brand-700)}.btn-google{background:#fff;color:#111827;border-color:var(--line);box-shadow:var(--shadow-sm)}.btn-google:hover{border-color:#cfd6e1}.btn-google img{display:inline-block}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:10px 0 2px;color:var(--muted);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line)}.auth-foot{text-align:center;color:var(--text-500);font-size:14px;margin-top:6px}.auth-foot a{color:#0ea5e9;text-decoration:none}.auth-foot a:hover{text-decoration:underline}@media(max-width:520px){.auth-wrap{margin-top:72px}.auth-title{font-size:28px}}.auth-legal{margin:12px 0 8px;font-size:12px;line-height:1.45;text-align:center;color:#555}.auth-legal a{color:#0b5cff;text-decoration:underline;text-underline-offset:2px}.auth-legal a:hover{color:#003ecb}.auth-legal a:focus-visible{outline:2px solid #0b5cff;outline-offset:2px;border-radius:4px}