.login-shell{min-height:100vh;display:flex;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#fff}body:has(.login-shell) nextjs-portal{display:none!important}.login-hero{display:block;flex:0 0 64%;min-width:0;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(238,245,255,.58)),linear-gradient(135deg,#f8fbff,#eaf3ff 48%,#f7faff);position:relative;overflow:hidden;isolation:isolate}.login-hero:before{inset:0;opacity:.62;background-image:radial-gradient(circle,rgba(37,99,235,.11) 1px,transparent 1.4px),linear-gradient(rgba(37,99,235,.025) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.025) 1px,transparent 0);background-size:22px 22px,44px 44px,44px 44px;-webkit-mask-image:linear-gradient(to bottom right,black,transparent 78%);mask-image:linear-gradient(to bottom right,black,transparent 78%)}.login-hero:after,.login-hero:before{content:"";position:absolute;z-index:-1}.login-hero:after{top:5%;right:-7%;width:76%;height:78%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(37,99,235,.15) 0,rgba(96,165,250,.06) 43%,transparent 72%);filter:blur(14px)}.hero-blob{position:absolute;border-radius:50%;pointer-events:none}.hero-blob-1{width:680px;height:680px;top:-260px;right:-180px;background:radial-gradient(circle,rgba(59,130,246,.16) 0,transparent 66%)}.hero-blob-2{width:560px;height:560px;bottom:-240px;left:-170px;background:radial-gradient(circle,rgba(37,99,235,.12) 0,transparent 66%)}.hero-blob-3{width:420px;height:420px;top:33%;left:31%;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 67%)}.hero-wave-pattern{position:absolute;left:18%;bottom:8%;z-index:-1;width:72%;height:34%;pointer-events:none;opacity:.32;background:radial-gradient(circle at 8% 78%,rgba(37,99,235,.32) 0 1px,transparent 1.8px),repeating-radial-gradient(ellipse at 4% 104%,transparent 0 25px,rgba(96,165,250,.17) 26px 27px,transparent 28px 42px);-webkit-mask-image:linear-gradient(90deg,transparent,black 18%,black 78%,transparent);mask-image:linear-gradient(90deg,transparent,black 18%,black 78%,transparent)}.hero-logo{position:absolute;top:48px;left:48px;z-index:10;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.hero-logo:before{content:"";position:absolute;inset:8px;z-index:-1;border-radius:999px;background:rgba(37,99,235,.14);filter:blur(18px);opacity:.5}.hero-logo-image{display:block;width:64px;height:64px;object-fit:contain;object-position:center;image-rendering:auto;filter:none}.hero-headline-wrap{position:absolute;top:clamp(154px,27vh,238px);left:clamp(36px,6vw,76px);z-index:8;width:min(35%,330px)}.hero-headline{font-size:clamp(40px,4.4vw,62px);font-weight:800;color:#07163c;line-height:1.04;letter-spacing:-.052em;margin:0 0 18px;text-wrap:balance;text-shadow:0 10px 30px rgba(30,64,175,.08)}.hero-subtitle{font-size:clamp(14px,1.25vw,17px);font-weight:650;color:#1461e8;line-height:1.45;margin:0;max-width:280px}.hcard{--card-rotate:0deg;--card-lift:0px;position:absolute;z-index:4;background:rgba(255,255,255,.96);border-radius:19px;border:1px solid rgba(37,99,235,.18);backdrop-filter:blur(20px) saturate(1.08);-webkit-backdrop-filter:blur(20px) saturate(1.08);box-shadow:0 30px 90px rgba(37,99,235,.18),0 8px 24px rgba(30,64,175,.1),inset 0 1px 0 #fff;transform:translateY(var(--card-lift)) rotate(var(--card-rotate));transform-origin:center}.hcard:after{content:"";position:absolute;inset:14% 8% -18%;z-index:-1;border-radius:inherit;background:rgba(37,99,235,.18);filter:blur(34px);opacity:.58;pointer-events:none}.hcard-transcript{--card-rotate:0.7deg;top:clamp(84px,10vh,108px);left:46%;width:41%;min-width:305px;padding:20px 22px;z-index:5;animation:card-float-a 5s ease-in-out infinite}.hcard-suggestion{--card-rotate:-0.65deg;top:clamp(294px,34vh,340px);left:38%;width:29%;min-width:205px;padding:17px 19px;z-index:7;animation:card-float-b 5.5s ease-in-out infinite}.hcard-quality{--card-rotate:0.8deg;top:clamp(300px,34.5vh,346px);right:5%;width:25%;min-width:190px;padding:17px 19px;z-index:6;animation:card-float-c 6s ease-in-out infinite}.hcard-analytics{--card-rotate:-0.35deg;top:clamp(465px,52.5vh,515px);bottom:auto;left:27%;width:58%;min-width:390px;padding:18px 22px;animation:card-float-a 5.2s ease-in-out .4s infinite}.hcard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hcard-title{font-size:12.5px;font-weight:700;color:#0f1d38;letter-spacing:.01em}.hcard-live{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:#334155}.hcard-live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:dot-pulse 2s ease-in-out infinite;flex-shrink:0}.hcard-timer{font-size:11px;font-weight:600;color:#71809a;font-variant-numeric:tabular-nums;margin-left:4px}.hcard-chat{gap:8px;margin-bottom:12px}.chat-row,.hcard-chat{display:flex;flex-direction:column}.chat-row{gap:3px}.chat-label{font-size:10px;font-weight:600;color:#74839b;letter-spacing:.04em;text-transform:uppercase}.chat-bubble{display:inline-block;padding:7px 11px;border-radius:10px;font-size:12px;line-height:1.45;max-width:90%}.chat-bubble-customer{background:#f2f6fc;color:#24324a;border-radius:4px 10px 10px 10px}.chat-bubble-agent{background:#eaf3ff;color:#1745b5;border-radius:10px 4px 10px 10px;align-self:flex-end}.waveform{display:flex;align-items:center;gap:2.5px;height:20px;padding-top:2px}.waveform-bar{width:3px;border-radius:2px;background:#2476f3;opacity:.72;height:var(--bar-height,8px);animation:wave-bounce 1.2s ease-in-out var(--bar-delay,0s) infinite alternate}.hcard-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.hcard-icon-purple{background:linear-gradient(135deg,#397cff,#245bd9);box-shadow:0 7px 16px rgba(37,99,235,.24)}.hcard-suggest-title{font-size:12px;font-weight:700;color:#101d36;margin-bottom:6px}.hcard-suggest-text{font-size:12px;color:#34435b;line-height:1.5;margin:0 0 10px}.hcard-confidence{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.hcard-confidence-label{font-size:10px;font-weight:500;color:#74839b;text-transform:uppercase;letter-spacing:.04em}.hcard-confidence-value{font-size:12px;font-weight:700;color:#2563eb}.hcard-confidence-bar{height:4px;background:#dceaff;border-radius:2px;overflow:hidden}.hcard-confidence-fill{height:100%;background:linear-gradient(90deg,#4b8dff,#1e5fe5);border-radius:2px}.hcard-quality-inner{display:flex;align-items:center;gap:12px}.hcard-quality-ring{position:relative;flex-shrink:0}.hcard-quality-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hcard-quality-num{font-size:14px;font-weight:800;color:#15803d;letter-spacing:-.03em}.hcard-quality-title{font-size:12px;font-weight:700;color:#101d36;margin-bottom:4px}.hcard-quality-badge{display:inline-block;font-size:10px;font-weight:600;color:#15803d;background:#dcfce7;padding:2px 8px;border-radius:20px;letter-spacing:.02em}.hcard-analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hcard-analytics-stats{display:flex;gap:20px}.hcard-astat-value{font-size:15px;font-weight:700;color:#0f172a;letter-spacing:-.03em;line-height:1;margin-bottom:3px}.hcard-astat-value-green{color:#16a34a}.hcard-astat-label{font-size:10px;color:#71809a;font-weight:500;letter-spacing:.02em}.login-form-panel{flex:0 0 36%;min-width:0;display:flex;align-items:center;justify-content:center;padding:40px clamp(30px,3vw,54px);background:radial-gradient(circle at 85% 8%,rgba(37,99,235,.045),transparent 28%),#ffffff;border-left:1px solid rgba(226,232,240,.78)}.login-form-wrap{width:100%;max-width:400px;padding:clamp(24px,3.2vh,34px) 0}.login-heading{font-size:clamp(26px,2vw,31px);font-weight:750;color:#071437;letter-spacing:-.035em;line-height:1.16;margin:0 0 30px}.login-subheading{font-size:14.5px;color:#64748b;margin:0 0 30px;line-height:1.6}.login-error{display:flex;align-items:flex-start;gap:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;margin-bottom:20px;color:#dc2626;font-size:13.5px;line-height:1.5}.login-error svg{flex-shrink:0;margin-top:1px}.login-field{margin-bottom:17px}.login-label{display:block;font-size:13px;font-weight:650;color:#25324b;margin-bottom:8px;letter-spacing:.005em}.login-input{width:100%;height:50px;padding:0 15px;border:1px solid #dbe3ef;border-radius:11px;font-size:14.5px;font-family:inherit;color:#1e293b;background:rgba(255,255,255,.94);outline:none;box-shadow:0 1px 2px rgba(15,23,42,.025);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;appearance:none}.login-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.1),0 6px 16px rgba(37,99,235,.06)}.login-input::placeholder{color:#cbd5e1}.login-pw-wrap{position:relative}.login-pw-wrap .login-input{padding-right:46px}.login-pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .12s ease}.login-pw-toggle:hover{color:#475569}.login-btn{width:100%;height:52px;background:linear-gradient(118deg,#3182ff,#075eea 46%,#0344cd);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 24px rgba(13,91,232,.24),inset 0 1px 0 rgba(255,255,255,.22);transition:filter .15s ease,transform 90ms ease,box-shadow .15s ease;margin-top:4px;margin-bottom:15px}.login-btn:hover:not(:disabled){filter:saturate(1.12) brightness(1.035);box-shadow:0 15px 30px rgba(13,91,232,.31),inset 0 1px 0 rgba(255,255,255,.25);transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:scale(.988)}.login-btn:disabled{opacity:1;color:rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(13,91,232,.22),inset 0 1px 0 rgba(255,255,255,.2);cursor:not-allowed}.login-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:login-spin .65s linear infinite}.login-forgot{text-align:right;margin-bottom:4px}.login-forgot a{font-size:13px;color:#2563eb;text-decoration:none;font-weight:500;transition:opacity .12s ease}.login-forgot a:hover{opacity:.7}.login-divider{display:flex;align-items:center;gap:12px;margin:25px 0}.login-divider-line{flex:1;height:1px;background:#e5e7eb}.login-divider-text{font-size:12px;color:#9ca3af;letter-spacing:.06em;white-space:nowrap;font-weight:500}.login-btn-secondary{width:100%;height:48px;background:#fff;color:#2563eb;border:1px solid #1768ee;border-radius:12px;font-size:14.5px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,box-shadow .15s ease}.login-btn-secondary:hover{background:#eff6ff;box-shadow:0 2px 8px rgba(37,99,235,.12)}.login-footer{margin:30px auto 0;max-width:360px;font-size:12px;color:#9ca3af;text-align:center;line-height:1.8}.login-footer a{color:#6b7280;text-decoration:underline;text-underline-offset:2px}@keyframes card-float-a{0%,to{transform:translateY(var(--card-lift)) rotate(var(--card-rotate))}50%{transform:translateY(calc(var(--card-lift) - 7px)) rotate(var(--card-rotate))}}@keyframes card-float-b{0%,to{transform:translateY(var(--card-lift)) rotate(var(--card-rotate))}50%{transform:translateY(calc(var(--card-lift) - 5px)) rotate(var(--card-rotate))}}@keyframes card-float-c{0%,to{transform:translateY(var(--card-lift)) rotate(var(--card-rotate))}50%{transform:translateY(calc(var(--card-lift) - 8px)) rotate(var(--card-rotate))}}@keyframes wave-bounce{0%{transform:scaleY(.35);opacity:.5}to{transform:scaleY(1);opacity:.9}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes login-spin{to{transform:rotate(1turn)}}@keyframes login-fadein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-anim{animation:login-fadein .45s ease both}@media (max-width:1180px) and (min-width:960px){.hero-headline-wrap{left:38px;width:34%}.hero-headline{font-size:39px}.hcard-transcript{left:46%;width:48%;min-width:0}.hcard-suggestion{left:36%;width:31%;min-width:170px}.hcard-quality{right:4%;width:27%;min-width:165px}.hcard-analytics{top:clamp(500px,58vh,570px);left:20%;width:74%;min-width:0}.login-form-panel{padding-inline:28px}}@media (max-width:959px){.login-shell{min-height:100vh;overflow:visible;flex-direction:column}.login-hero{flex:none;width:100%;height:430px;min-height:430px}.hero-headline-wrap{top:88px;left:24px;width:42%;max-width:285px}.hero-headline{font-size:clamp(34px,6vw,48px);margin-bottom:12px}.hero-subtitle{font-size:14px}.hcard-transcript{top:72px;left:auto;right:24px;width:49%;min-width:300px;padding:15px 17px}.hcard-suggestion{top:auto;bottom:30px;left:34%;width:28%;min-width:185px}.hcard-quality{top:auto;right:24px;bottom:28px;width:25%;min-width:176px}.hcard-analytics{display:none}.login-form-panel{flex:none;width:100%;min-height:650px;padding:54px 24px;border-top:1px solid rgba(226,232,240,.82);border-left:0}.login-form-wrap{max-width:430px;padding:0}}@media (max-width:639px){.login-hero{height:465px;min-height:465px}.hero-headline-wrap{top:84px;width:calc(100% - 48px);max-width:none}.hero-headline{font-size:clamp(36px,11vw,46px)}.hero-subtitle{max-width:250px}.hcard-transcript{top:235px;left:24px;right:24px;width:auto;min-width:0}.hcard-quality,.hcard-suggestion{display:none}.login-form-panel{min-height:0;padding:44px 20px 36px}.login-heading{font-size:27px}.login-subheading{margin-bottom:26px}}@media (max-width:479px){.login-hero{height:220px;min-height:220px}.hero-headline-wrap{top:40px}.hero-headline{font-size:clamp(28px,9vw,36px)}.hcard-transcript{top:130px}}@media (prefers-reduced-motion:reduce){.hcard,.hcard-live-dot,.login-anim,.login-spinner,.waveform-bar{animation:none!important}}