.login-root{min-height:100vh;background:#0a0a12;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#1a1a2e;border:.5px solid rgba(127,119,221,.2);border-radius:12px;padding:36px 32px;width:100%;max-width:360px}.login-logo{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#e8e8f0;margin-bottom:28px}.login-logo-mark{width:28px;height:28px;background:#7f77dd;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-title{font-size:20px;font-weight:500;color:#e8e8f0;margin-bottom:4px}.login-sub{font-size:13px;color:#5050808a;color:#9090b0b3;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:11px;font-weight:500;color:#9090b8;letter-spacing:.04em;text-transform:uppercase}.form-field input{background:#111120;border:.5px solid rgba(127,119,221,.2);border-radius:8px;padding:10px 12px;font-size:14px;color:#e8e8f0;outline:none;transition:border-color .15s;width:100%}.form-field input::placeholder{color:#30304a}.form-field input:focus{border-color:#7f77dd}.form-error{font-size:12px;color:#d85a30;padding:8px 12px;background:#d85a3014;border:.5px solid rgba(216,90,48,.25);border-radius:6px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 0;background:#fff;border:.5px solid rgba(0,0,0,.18);border-radius:8px;font-size:14px;font-weight:500;color:#3c4043;cursor:pointer;font-family:inherit;transition:background .15s,box-shadow .15s;margin-bottom:4px}.btn-google:hover{background:#f8f8f8;box-shadow:0 1px 4px #0000001f}.divider-row{display:flex;align-items:center;gap:10px;margin:12px 0}.divider-line{flex:1;height:.5px;background:#7f77dd26}.divider-text{font-size:11px;color:#9090b099;white-space:nowrap}.btn-submit{background:#534ab7;color:#fff;border:none;padding:11px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;width:100%;transition:background .15s;margin-top:4px}.btn-submit:hover:not(:disabled){background:#3c3489}.btn-submit:disabled{opacity:.55;cursor:not-allowed}:root{--accent: #7F77DD;--accent-dark: #534AB7;--accent-deep: #26215C;--accent-pale: #EEEDFE;--success: #1D9E75;--warning: #EF9F27;--coral: #D85A30;--bg-1: #0A0A12;--bg-2: #111120;--bg-card: #1A1A2E;--border: rgba(127, 119, 221, .15);--border-medium: rgba(127, 119, 221, .25);--text-primary: #e8e8f0;--text-secondary: rgba(232, 232, 240, .55);--text-tertiary: rgba(232, 232, 240, .3);--font-sans: Inter, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-card: 12px;--radius-btn: 8px;--gap-bento: 12px}.section{padding:64px 24px;max-width:1100px;margin:0 auto}.section-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500;margin-bottom:20px}.section-divider{height:.5px;background:var(--border)}.bento{display:grid;gap:var(--gap-bento)}.bento-2col{grid-template-columns:1fr 1fr}.bento-3col{grid-template-columns:1.4fr 1fr 1fr}.bento-4col{grid-template-columns:repeat(4,1fr)}.bento-card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius-card);padding:20px;position:relative;overflow:hidden}.bento-card.tall{grid-row:span 2}.bento-card.wide{grid-column:span 2}.bento-card.accent{background:var(--accent-pale);border-color:#534ab74d}.bento-card.accent-dark{background:var(--accent-deep);border-color:var(--accent-dark)}.bento-card.glass{background:linear-gradient(135deg,#7f77dd1a,#1d9e750f);border-color:#7f77dd40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bento-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.bento-sub{font-size:12px;color:var(--text-secondary);line-height:1.55}.tag{display:inline-block;font-size:10px;font-weight:500;padding:2px 8px;border-radius:20px;margin-bottom:10px}.tag-purple{background:var(--accent-pale);color:var(--accent-dark)}.tag-teal{background:#e1f5ee;color:#0f6e56}.tag-amber{background:#faeeda;color:#854f0b}.tag-coral{background:#faece7;color:#993c1d}.tag-gray{background:var(--bg-2);color:var(--text-tertiary);border:.5px solid var(--border)}.badge-pill{font-size:11px;background:var(--accent-pale);color:var(--accent-dark);padding:2px 10px;border-radius:20px;font-weight:500}.btn-primary{background:var(--accent-dark);color:#fff;border:none;padding:11px 22px;border-radius:var(--radius-btn);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:background .15s}.btn-primary:hover{background:#3c3489}.btn-ghost{background:transparent;border:.5px solid var(--border-medium);color:var(--text-primary);padding:11px 22px;border-radius:var(--radius-btn);font-size:13px;cursor:pointer;font-family:var(--font-sans);transition:background .15s,border-color .15s}.btn-ghost:hover{background:var(--bg-card);border-color:var(--accent)}.code-block{background:var(--bg-1);border:.5px solid var(--border);border-radius:8px;padding:12px;font-family:var(--font-mono);font-size:11px;line-height:1.7;color:var(--text-secondary);overflow:hidden}.code-kw{color:var(--accent)}.code-val{color:#0f6e56}.code-cm{color:var(--text-tertiary)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.metric{background:var(--bg-1);border:.5px solid var(--border);border-radius:8px;padding:10px 12px}.metric-val{font-size:22px;font-weight:500}.metric-label{font-size:10px;color:var(--text-tertiary);margin-top:2px}.progress-bar{height:3px;background:var(--border);border-radius:2px;margin-top:10px}.progress-fill{height:3px;border-radius:2px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:.5px solid var(--border);border-radius:20px;padding:5px 14px;font-size:12px;color:var(--text-secondary)}.chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:5px;border:.5px solid var(--border);border-radius:20px;padding:4px 10px;font-size:11px;color:var(--text-secondary)}.flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.flow-node{background:var(--bg-1);border:.5px solid var(--border-medium);border-radius:6px;padding:6px 12px;font-size:12px;color:var(--text-primary);white-space:nowrap}.flow-node.accent{border-color:var(--accent);color:var(--accent)}.flow-arrow{font-size:14px;color:var(--text-tertiary)}.logo-mark{width:28px;height:28px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 768px){.bento-3col{grid-template-columns:1fr}.bento-4col{grid-template-columns:1fr 1fr}.bento-2col{grid-template-columns:1fr}.bento-card.tall{grid-row:span 1}.bento-card.wide{grid-column:span 1}.section{padding:40px 16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#0a0a12;color:#e8e8f0}a{color:inherit;text-decoration:none}button{font-family:inherit}