.login-shell{background:#f8f4ff;grid-template-columns:minmax(560px,1.15fr) minmax(430px,.85fr);width:100%;min-width:0;min-height:100dvh;margin-left:0;display:grid;overflow-x:clip}.login-story{isolation:isolate;color:#fff;background:radial-gradient(circle at 13% 90%,#5bd2b545,#0000 29%),radial-gradient(circle at 82% 18%,#ffb4a852,#0000 30%),linear-gradient(145deg,#1d3158 0%,#294984 48%,#4866ad 100%);flex-direction:column;min-height:100dvh;padding:34px clamp(34px,4vw,66px) 28px;display:flex;position:relative;overflow:hidden}.story-glow{z-index:-1;filter:blur(2px);pointer-events:none;border-radius:999px;position:absolute}.story-glow-one{border:1px solid #ffffff21;width:380px;height:380px;top:-135px;right:-125px;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff05}.story-glow-two{background:#43cdad1f;width:180px;height:180px;bottom:8%;left:-90px}.story-main{gap:30px;width:100%;margin:auto 0;display:grid}.story-content{grid-template-columns:minmax(340px,1.15fr) minmax(230px,.85fr);align-items:center;gap:clamp(14px,2.5vw,38px);width:100%;max-width:900px;margin:0;display:grid;position:relative}.story-copy{min-width:0}.story-kicker{color:#f8eaff;letter-spacing:.055em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;width:max-content;max-width:100%;padding:8px 12px;font-size:12px;font-weight:760;display:inline-flex}.story-content h1{letter-spacing:-.057em;text-wrap:balance;margin:18px 0;font-size:clamp(43px,4.6vw,70px);line-height:1.02}.story-content h1 em{color:#ffcfbf;text-shadow:0 8px 30px #ffaf9729;font-style:normal}.story-copy>p{color:#d9e2f4;max-width:510px;margin:0;font-size:16px;line-height:1.72}.story-mood-chips{flex-wrap:wrap;gap:7px;margin-top:19px;display:flex}.story-mood-chips span{color:#ecf3ff;background:#ffffff16;border:1px solid #ffffff1a;border-radius:999px;padding:7px 10px;font-size:11px}.story-otter-stage{place-items:center;min-width:0;display:grid;position:relative}.story-otter-stage:before{content:"";aspect-ratio:1;background:linear-gradient(145deg,#ffffff2e,#ffffff0e);border:1px solid #ffffff21;border-radius:50%;width:82%;position:absolute;box-shadow:0 24px 70px #091f4738}.story-otter-stage>:is(img,video){z-index:1;object-fit:contain;mix-blend-mode:normal;filter:saturate(.95)drop-shadow(0 19px 26px #071b3d38);border-radius:50%;width:min(100%,310px);height:auto;animation:4.6s ease-in-out infinite loginOtterFloat;position:relative}.story-companion{z-index:2;color:#263c68;background:#fffcf6f2;border:1px solid #fffc;border-radius:15px;flex-direction:column;gap:3px;padding:11px 13px;display:flex;position:absolute;bottom:-4px;left:-5%;right:-3%;transform:rotate(-2deg);box-shadow:0 14px 35px #0b1f4633}.story-companion span{color:#7890b5;letter-spacing:.045em;text-transform:uppercase;font-size:10px;font-weight:760}.story-companion strong{font-size:12px;line-height:1.35}@keyframes loginOtterFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}.story-progress{width:min(100%,790px);position:relative}.story-path{grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;display:grid}.story-path span{background:#19305aa6;border:1px solid #8297bc;border-radius:99px;place-items:center;width:24px;height:24px;display:grid}.story-path span svg{width:12px}.story-path span.done{background:#56c9a9;border-color:#56c9a9}.story-path span.active{background:#fff;border:7px solid #ffb6a5;box-shadow:0 0 0 5px #ffb6a52e}.story-path i{background:#cddbf26b;height:1px}.story-labels{color:#b7c6e2;grid-template-columns:repeat(4,1fr);margin-top:9px;font-size:11px;display:grid}.story-labels span:nth-child(2),.story-labels span:nth-child(3){text-align:center}.story-labels span:last-child{text-align:right}.story-footer{color:#b6c4df;margin:16px 0 0;font-size:11px;position:relative}.login-panel{background:radial-gradient(circle at 85% 12%,#ffc2aa73,#0000 25%),radial-gradient(circle at 10% 88%,#70d2b552,#0000 27%),linear-gradient(150deg,#f7f3ff,#fff8f2 55%,#f7fbff);place-items:center;padding:34px;display:grid;position:relative}.login-panel:before,.login-panel:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.login-panel:before{border:18px solid #8c77dc14;width:105px;height:105px;top:10%;right:9%}.login-panel:after{background:#ffbca624;width:78px;height:78px;bottom:11%;left:8%}.login-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe8;border:1px solid #ffffffe6;border-radius:24px;width:min(425px,100%);padding:36px;position:relative;box-shadow:0 24px 70px #36325b21,inset 0 0 0 1px #d2d6e873}.login-icon{color:#4368d9;background:linear-gradient(145deg,#e8efff,#f1eaff);border-radius:15px;place-items:center;width:49px;height:49px;margin-bottom:21px;display:grid;box-shadow:0 9px 24px #4b5dab1f}.login-card h2{letter-spacing:-.035em;margin:0;font-size:25px}.login-card>p{color:#667085;margin:9px 0 24px;line-height:1.6}.login-card label{color:#394150;flex-direction:column;gap:7px;margin-top:15px;font-size:12px;font-weight:720;display:flex}.login-input{color:#8a94a6;background:#fffc;border:1px solid #dde2ec;border-radius:12px;align-items:center;height:47px;padding:0 12px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.login-input:focus-within{border-color:#6683e3;transform:translateY(-1px);box-shadow:0 0 0 4px #5270d61c}.login-input input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 9px}.login-input button{color:#7d8798;background:0 0;border:0;place-items:center;display:grid}.login-error{color:#a23b2f;background:#fff0ed;border:1px solid #f5d4ce;border-radius:9px;margin-top:13px;padding:10px 11px;font-size:11px}.login-submit{color:#fff;background:linear-gradient(100deg,#3866e9,#6a63df);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:47px;margin-top:19px;font-weight:760;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 25px #415bcb38}.login-submit:hover{transform:translateY(-1px);box-shadow:0 15px 29px #415bcb47}.login-submit:disabled{opacity:.65;transform:none}.login-trust{color:#8992a4;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:11px;display:flex}.login-card .eyebrow{color:#4e68c7;margin-bottom:8px}@media (max-width:1050px){.login-shell{grid-template-columns:minmax(500px,1.05fr) minmax(390px,.95fr)}.story-content{grid-template-columns:minmax(310px,1.25fr) minmax(190px,.75fr)}.story-content h1{font-size:clamp(42px,5vw,60px)}}@media (max-width:850px){.login-shell{grid-template-columns:1fr}.login-story{min-height:auto;padding:max(24px, env(safe-area-inset-top)) 28px 25px}.story-content{grid-template-columns:1.25fr .75fr;max-width:720px;margin:0 auto}.story-content h1{font-size:43px}.story-copy>p{font-size:14px}.story-otter-stage>:is(img,video){width:min(100%,220px)}.story-companion{left:-10%;right:-5%}.story-progress{display:none}.story-footer{margin-top:7px}.login-panel{padding:25px max(22px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left))}.login-card{padding:29px}}@media (max-width:560px){.login-story{min-height:0;padding:max(18px, env(safe-area-inset-top)) 18px 24px}.story-main{gap:0;margin:0}.story-content{grid-template-columns:1fr;max-width:none}.story-copy{z-index:2;position:relative}.story-kicker{letter-spacing:.04em;gap:5px;max-width:calc(100% - 92px);padding:7px 10px;font-size:10px}.story-content h1{letter-spacing:-.052em;margin:20px 0 11px;font-size:clamp(34px,10.4vw,40px);line-height:1}.story-copy>p{max-width:100%;padding-right:3px;font-size:13px;line-height:1.55}.story-mood-chips{gap:6px;margin-top:14px}.story-mood-chips span{padding:6px 9px;font-size:10px}.story-mood-chips span:last-child{display:none}.story-otter-stage{z-index:1;width:82px;position:absolute;top:2px;right:0;transform:none}.story-otter-stage:before{width:88%}.story-otter-stage>:is(img,video){filter:saturate(.95)drop-shadow(0 10px 18px #071b3d2e);width:82px}.story-companion,.story-footer{display:none}.login-panel{padding:0 12px max(18px, env(safe-area-inset-bottom));align-items:start}.login-card{border-radius:20px;width:100%;margin-top:-1px;padding:22px 18px 20px}.login-icon{border-radius:13px;width:43px;height:43px;margin-bottom:16px}.login-icon svg{width:21px}.login-card .eyebrow{margin-bottom:6px;font-size:10px}.login-card h2{font-size:21px;line-height:1.2}.login-card>p{margin:8px 0 18px;font-size:13px;line-height:1.5}.login-card label{margin-top:12px}.login-input input{font-size:16px}.login-submit{margin-top:16px}.login-trust{align-items:flex-start;margin-top:15px;font-size:10px;line-height:1.45}}@media (max-width:380px){.login-story{padding-inline:15px}.story-content h1{font-size:34px}.story-copy>p{font-size:12px}.story-mood-chips span{font-size:9px}.login-panel{padding-inline:9px}.login-card{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.story-otter-stage>:is(img,video){animation:none}.login-submit,.login-input{transition:none}}