.auth-experience{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);overflow:hidden;background:#f8faff;isolation:isolate}.auth-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1;animation:orbFloat 9s ease-in-out infinite}.auth-orb.one{width:420px;height:420px;background:radial-gradient(circle,#9be8df70,transparent 68%);top:-180px;right:35%}.auth-orb.two{width:360px;height:360px;background:radial-gradient(circle,#91b9ff55,transparent 68%);bottom:-140px;left:37%;animation-delay:-3s}.auth-story{position:relative;display:flex;flex-direction:column;padding:48px clamp(35px,6vw,90px);color:white;background:linear-gradient(145deg,#071c35,#0d3157 48%,#0d6d76);overflow:hidden}.auth-story:after,.auth-story:before{content:"";position:absolute;border:1px solid #ffffff18;border-radius:50%}.auth-story:before{width:500px;height:500px;left:-260px;bottom:-190px}.auth-story:after{width:330px;height:330px;right:-180px;top:20%}.modern-brand{position:relative;display:flex;align-items:center;gap:12px;color:white;animation:fadeDown .65s ease both}.modern-brand>span{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#36d6cb,#2c87ff);box-shadow:0 10px 30px #19bfc84d;font-size:22px;font-weight:900}.modern-brand div{display:grid}.modern-brand b{font-size:18px}.modern-brand small{font-size:9px;letter-spacing:1.3px;color:#b7d4e8}.story-copy{position:relative;margin:auto 0;max-width:620px;animation:fadeUp .8s ease .12s both}.story-copy>i{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffffff14;border:1px solid #ffffff20;margin-bottom:22px}.story-copy>i svg{width:21px;color:#72eee3}.story-copy>span{font-size:12px;letter-spacing:1.2px;color:#8ff3ea;font-weight:800}.story-copy h1{font-size:clamp(37px,4vw,58px);line-height:1.35;margin:14px 0 18px}.story-copy h1 em{font-style:normal;color:#69e4db}.story-copy p{color:#d4e4ee;line-height:2;font-size:16px;margin:0;max-width:570px}.story-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-gap:13px;gap:13px;color:#e7f3f8;font-size:13px}.story-copy li{display:flex;align-items:center;gap:9px}.story-copy li svg{width:18px;color:#69e4db}.auth-footnote{position:relative;color:#99b5c8;font-size:10px;letter-spacing:1px}.auth-form-side{display:grid;place-items:center;padding:40px clamp(24px,6vw,90px);overflow:auto}.modern-auth-card{width:min(470px,100%);animation:cardEnter .75s cubic-bezier(.2,.8,.2,1) both}.modern-auth-card.register-card{width:min(760px,100%)}.auth-card-icon{display:none}.auth-kicker{display:inline-flex;padding:7px 12px;border-radius:99px;background:#e9fbf8;color:#087b78;font-size:11px;font-weight:800;margin-bottom:14px}.modern-auth-card h2{font-size:32px;margin:0 0 7px;color:#102a43}.modern-auth-card>p{margin:0 0 26px;color:#6b7c93;font-size:14px}.guest-note{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:15px;background:linear-gradient(135deg,#effcf9,#edf5ff);border:1px solid #d9f0ed;margin-bottom:22px}.guest-note>svg{width:37px;height:37px;padding:8px;border-radius:11px;background:white;color:#139d96;box-shadow:0 5px 16px #0c8b8318}.guest-note div{display:grid}.guest-note b{font-size:13px}.guest-note span{font-size:11px;color:#6b7c93}.modern-form{display:grid;grid-gap:17px;gap:17px}.modern-form.two-columns{grid-template-columns:1fr 1fr}.modern-form label{display:grid;grid-gap:7px;gap:7px}.modern-form label>span{font-size:12px;font-weight:800;color:#334e68}.modern-form input{width:100%;height:49px;border:1px solid #d9e2ec;border-radius:13px;padding:0 14px;font:inherit;font-size:13px;color:#102a43;background:#fff;outline:none;transition:.22s ease}.modern-form input::placeholder{color:#a8b5c3}.modern-form input:focus{border-color:#32bcb2;box-shadow:0 0 0 4px #2dc9bd16;transform:translateY(-1px)}.input-with-icon{position:relative}.input-with-icon>svg{position:absolute;right:14px;top:15px;width:18px;color:#829ab1;pointer-events:none}.input-with-icon input{padding-right:43px}.modern-submit{height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,#117f88,#1769d4);color:white;font:inherit;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 12px 26px #126baa32;transition:.25s ease}.modern-submit svg{width:18px;transition:transform .25s}.modern-submit:hover{transform:translateY(-2px);box-shadow:0 17px 34px #126baa42}.modern-submit:hover svg{transform:translateX(-4px)}.modern-submit:disabled{opacity:.65;transform:none}.modern-switch{text-align:center;color:#718096;font-size:13px;margin:20px 0 0}.forgot-password-link,.modern-switch a{color:#087f8c;font-weight:800}.modern-form .alert{border:1px solid #ffd5d2}.modern-form .span-2{grid-column:1/-1}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes orbFloat{50%{transform:translate3d(22px,-18px,0) scale(1.05)}}@media(max-width:980px){.auth-experience{grid-template-columns:1fr}.auth-story{min-height:270px;padding:28px 24px}.story-copy{margin:45px 0 15px}.story-copy h1{font-size:32px}.auth-footnote,.story-copy p,.story-copy ul{display:none}.auth-form-side{padding:38px 20px}.modern-auth-card.register-card{width:min(680px,100%)}}@media(max-width:620px){.auth-story{min-height:215px}.story-copy{margin:32px 0 0}.story-copy>i{display:none}.story-copy h1{font-size:27px;margin:8px 0}.modern-auth-card h2{font-size:27px}.modern-form.two-columns{grid-template-columns:1fr}.modern-form .span-2{grid-column:auto}.auth-form-side{align-items:start;padding-top:30px}.guest-note{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.auth-orb,.modern-auth-card,.modern-brand,.story-copy{animation:none!important}.modern-form input,.modern-submit{transition:none!important}}