.login-experience{--login-ink: #18212f;display:grid;grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr);min-height:100svh;grid-template-rows:auto 1fr;background:linear-gradient(90deg,#fff,#edf4fb 34%,#3f5978 48%,#071b31);color:var(--login-ink);color-scheme:light}.login-panel{display:flex;flex-direction:column;min-width:0;padding:20px clamp(28px,4vw,76px) 24px;background:transparent}.login-page-header{grid-column:1 / -1;padding:28px clamp(28px,4vw,76px) 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.login-brand{min-width:0;font-size:24px;font-weight:750;color:var(--login-accent)}.login-brand img{width:320px;max-width:100%;height:86px;object-fit:contain}.login-form-area{width:100%;max-width:410px;margin:auto;padding:80px 0}.login-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#64748b}.login-eyebrow>span{width:6px;height:6px;background:var(--login-accent);border-radius:50%}.login-form-area h1{font-size:clamp(30px,2.6vw,42px);font-weight:650;line-height:1.15;letter-spacing:-.045em}.login-description{margin:12px 0 34px;font-size:14px;line-height:1.7;color:#64748b}.login-form-area form{color:var(--login-ink)}.login-form-area form label{color:#475569;font-size:12px}.login-form-area form input:not([type=checkbox]){height:50px;background:#f9fafb;color:#18212f;border-color:#e2e8f0;border-radius:10px;box-shadow:none}.login-form-area form input:focus-visible{border-color:var(--login-accent);outline:2px solid color-mix(in srgb,var(--login-accent) 20%,transparent);outline-offset:2px}.login-form-area form button[type=submit]{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:10px;font-weight:600;box-shadow:0 5px 15px color-mix(in srgb,var(--login-accent) 18%,transparent)}.login-form-area form button[type=submit]:hover{filter:brightness(.94)}.login-form-area button:focus-visible,.login-form-area a:focus-visible{outline:2px solid var(--login-accent);outline-offset:4px}.login-access-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:27px;color:#64748b;font-size:11px}.login-access-note svg{flex-shrink:0}.login-footer{color:#94a3b8;text-align:center;font-size:11px;line-height:1.6}.login-status{margin-bottom:24px;padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.5}.login-status-success{color:#166534;background:#f0fdf4}.login-status-error{color:#991b1b;background:#fef2f2}.login-showcase{position:relative;display:flex;align-items:center;overflow:hidden;padding:28px clamp(28px,3.8vw,72px) 26px;background:transparent;color:#f8fafc}.login-showcase-content{position:relative;width:100%;max-width:840px;margin:auto}.login-showcase-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}.login-product-name{font-size:15px;font-weight:650;letter-spacing:-.03em}.login-platform-label{font-size:9px;letter-spacing:.17em;color:#94a3b8}.login-ai-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #ffffff20;border-radius:6px;color:#e2e8f0;background:#ffffff06;font-size:9px;font-weight:600;letter-spacing:.13em}.login-ai-badge svg{color:color-mix(in srgb,var(--login-accent) 60%,white)}.login-showcase-heading h2{margin-top:16px;font-size:clamp(34px,3vw,55px);line-height:1.1;font-weight:600;letter-spacing:-.045em}.login-showcase-heading h2>span{color:color-mix(in srgb,var(--login-accent) 52%,white)}.login-showcase-heading>p{max-width:540px;margin-top:16px;color:#aab8cc;font-size:13px;line-height:1.75}.login-ai-card{display:flex;align-items:center;gap:16px;margin:26px 0 14px;padding:20px;border:1px solid color-mix(in srgb,var(--login-accent) 35%,#ffffff18);border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--login-accent) 13%,#192438),#192438)}.login-ai-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;color:#fff;background:color-mix(in srgb,var(--login-accent) 65%,#25334b)}.login-card-label{color:#aab8cc;font-size:8px;font-weight:600;letter-spacing:.13em;line-height:1.5}.login-ai-copy{flex:1}.login-ai-copy h3{margin:4px 0 5px;font-size:14px;font-weight:600;letter-spacing:-.015em}.login-ai-copy p{color:#aab8cc;font-size:11px;line-height:1.6}.login-voice-visual{display:flex;align-items:center;gap:12px}.login-waveform{display:flex;align-items:center;gap:3px}.login-waveform span{width:3px;border-radius:5px;background:color-mix(in srgb,var(--login-accent) 55%,white)}.login-mic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff0d;color:#dbe5f4}.login-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.login-feature-card{display:flex;flex-direction:column;padding:18px 20px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff04}.login-feature-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}.login-feature-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:#cad6e7;background:#ffffff07}.login-feature-card h3{font-size:14px;font-weight:550;letter-spacing:-.015em;line-height:1.4}.login-feature-card p{margin:6px 0 14px;color:#aab8cc;font-size:11px;line-height:1.65}.login-feature-detail{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:10px;border-top:1px solid #ffffff0c;color:#c2cede;font-size:9px;line-height:1.5}.login-showcase-footer{display:flex;align-items:center;gap:14px;margin-top:24px;font-size:10px;color:#94a3b8;text-align:center}.login-footer-rule{flex:1;height:1px;background:#ffffff10}.login-experience{--login-accent-ink: color-mix(in srgb, var(--login-accent) 65%, #18212f)}.login-showcase-heading h2>span{color:#c1e8ff}.login-showcase-heading>p,.login-ai-copy p,.login-feature-card p,.login-card-label,.login-feature-detail,.login-showcase-footer{color:#d2dfed}.login-ai-badge{color:#edf7ff;border-color:#ffffff30;background:#ffffff0d}.login-ai-card{background:#071b316b;border-color:#b5ddff40;box-shadow:0 10px 30px #071b3112}.login-ai-icon{background:#168fc4}.login-feature-card{background:#071b3140;border-color:#ffffff26}.login-feature-icon,.login-mic{color:#c1e8ff;background:#ffffff12}.login-waveform span{background:#85dcff}.login-feature-detail{border-color:#ffffff20}.login-footer-rule{background:#ffffff30}.login-footer{color:#52647c}.login-form-area form input:not([type=checkbox]){background:#ffffffd9}@media (min-width: 1600px){.login-features{grid-template-columns:repeat(3,minmax(0,1fr))}.login-feature-card{min-height:190px}.login-showcase-topline{margin-bottom:50px}.login-ai-card{margin-top:32px;margin-bottom:18px;padding:24px}}@media (max-width: 1150px){.login-experience{grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr)}.login-panel{padding-inline:28px}.login-showcase{padding-inline:26px}.login-voice-visual{display:none}.login-platform-label{max-width:125px;text-align:end;line-height:1.7}}@media (max-width: 800px){.login-experience{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;background:linear-gradient(180deg,#fff,#edf4fb calc(100svh - 80px),#3f5978 calc(100svh + 36px),#071b31)}.login-page-header{padding:22px 24px 0}.login-panel{min-height:calc(100svh - 98px);padding:24px}.login-form-area{padding:55px 0}.login-footer{color:#18212f}.login-showcase{padding:40px 24px}.login-showcase-content{max-width:580px}.login-voice-visual{display:flex}.login-showcase-heading h2{font-size:40px}}@media (max-width: 420px){.login-features{grid-template-columns:minmax(0,1fr)}.login-voice-visual{display:none}.login-brand img{width:220px;max-width:100%;height:72px}.login-page-header{gap:12px;padding-inline:20px}.login-showcase-heading h2{font-size:34px}}