.login-shell{--navy:#050538;--blue:#0a39f7;--cyan:#6bd8ff;color:#080b2e;background:#f7f9ff;grid-template-columns:minmax(560px,1.12fr) minmax(480px,.88fr);min-height:100dvh;display:grid}.login-brand{isolation:isolate;color:#fff;background:linear-gradient(142deg,#050538 0%,#08105c 48%,#0b2ad1 100%);flex-direction:column;min-height:100dvh;padding:clamp(34px,4vw,68px) clamp(38px,5.4vw,88px);display:flex;position:relative;overflow:hidden}.brand-header,.brand-copy,.brand-footer{z-index:5;position:relative}.brand-header{align-items:center;gap:13px;width:max-content;display:flex}.brand-logo{object-fit:cover;object-position:center;background:var(--navy);border-radius:9px;width:96px;height:58px;display:block}.brand-product{color:#dff5ff;letter-spacing:.12em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff38;border-radius:12px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.brand-aurora{z-index:-2;filter:blur(10px);opacity:.78;will-change:transform;border-radius:999px;position:absolute}.brand-aurora-one{aspect-ratio:1;background:radial-gradient(circle,#6791ff 0%,#2360ff88 38%,#0000 71%);width:72%;animation:13s ease-in-out infinite alternate auroraOne;top:-30%;right:-23%}.brand-aurora-two{aspect-ratio:1;background:radial-gradient(circle,#12ccff55 0%,#4422df54 43%,#0000 72%);width:62%;animation:16s ease-in-out infinite alternate auroraTwo;bottom:-34%;left:2%}.brand-grid{z-index:-1;opacity:.2;transform-origin:bottom;background-image:linear-gradient(#9fc4ff18 1px,#0000 1px),linear-gradient(90deg,#9fc4ff18 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;transform:perspective(700px)rotateX(64deg)scale(1.45)translateY(17%);-webkit-mask-image:linear-gradient(#0000 5%,#000 34% 75%,#0000 100%);mask-image:linear-gradient(#0000 5%,#000 34% 75%,#0000 100%)}.brand-stage{z-index:1;aspect-ratio:1;pointer-events:none;width:min(47vw,630px);position:absolute;top:49%;right:-6%;transform:translateY(-50%)}.visual-core{background:conic-gradient(from 210deg,#386cff,#64ddff,#dee8ff,#743fff,#386cff);border:1px solid #ccecff65;border-radius:37% 63% 55% 45%/50% 44% 56% 50%;animation:8s ease-in-out infinite coreFloat;position:absolute;inset:26%;box-shadow:inset 0 0 52px #fff7,0 0 75px #3e82ff80,0 32px 120px #03022eaa}.visual-core:before{content:"";border-radius:inherit;background:radial-gradient(circle at 35% 30%,#fff 0 4%,#b8efff 18%,#233dd5 54%,#070544 78%);position:absolute;inset:8%;box-shadow:inset -18px -24px 44px #02012f99}.visual-core:after{content:"";border-radius:inherit;border:1px solid #d9f7ff30;position:absolute;inset:-9%;transform:rotate(18deg)}.core-light{z-index:2;filter:blur(23px);opacity:.6;background:#fff;border-radius:50%;width:38%;height:22%;position:absolute;top:15%;left:18%;transform:rotate(-25deg)}.orbit{border:1px solid #92c6ff38;border-radius:50%;animation:18s linear infinite orbitSpin;position:absolute;inset:17%}.orbit:after{content:"";background:#b8f0ff;border-radius:50%;width:9px;height:9px;position:absolute;top:8%;left:22%;box-shadow:0 0 24px 8px #65d8ff88}.orbit-two{border-color:#b5a9ff2c;animation-duration:28s;animation-direction:reverse;inset:9%;transform:rotate(36deg)}.orbit-two:after{background:#bda8ff;inset:auto 14% 16% auto;box-shadow:0 0 25px 8px #694dff88}.stage-chip{color:#eaf7ff;letter-spacing:.02em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08074f99;border:1px solid #ffffff28;border-radius:12px;padding:10px 14px;font-size:12px;animation:7s ease-in-out infinite chipFloat;position:absolute;box-shadow:0 16px 38px #01012455}.stage-chip:before{content:"";background:#73e8ff;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #73e8ff}.stage-chip-one{top:24%;left:3%}.stage-chip-two{animation-delay:-3.5s;bottom:23%;right:7%}.brand-copy{max-width:590px;margin-top:auto;padding-top:290px}.eyebrow{color:#a7dcff;letter-spacing:.2em;align-items:center;gap:9px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:#7ddeff;width:24px;height:1px}.brand-copy h1{letter-spacing:-.06em;max-width:590px;margin:18px 0 22px;font-size:clamp(48px,5.2vw,78px);font-weight:600;line-height:.94}.brand-copy p{color:#d5e4ff;max-width:520px;margin:0;font-size:17px;line-height:1.65}.brand-footer{color:#b8c9ec;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;font-size:12px;display:flex}.signal{align-items:center;gap:9px;display:flex}.signal i{background:#66efc3;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #66efc31a,0 0 18px #66efc388}.login-panel{isolation:isolate;background:linear-gradient(145deg,#f7f9ff 0%,#f2f6ff 52%,#edf3ff 100%);justify-content:center;align-items:center;min-height:100dvh;padding:44px;display:flex;position:relative;overflow:hidden}.login-panel:before{content:"";z-index:-2;background-image:radial-gradient(#5d72b826 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000 10%,#000 55%,#0000 100%);mask-image:linear-gradient(135deg,#0000 10%,#000 55%,#0000 100%)}.panel-glow{z-index:-1;filter:blur(10px);border-radius:50%;position:absolute}.panel-glow-one{background:#92c8ff42;width:400px;height:400px;top:-210px;right:-110px}.panel-glow-two{background:#8780ff2b;width:330px;height:330px;bottom:-190px;left:-160px}.login-wrap{width:min(100%,480px)}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border:1px solid #fff;border-radius:30px;width:100%;padding:48px;position:relative;box-shadow:0 34px 80px #182b6817,0 8px 24px #2a4db00d}.login-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#fff,#a8c5ff44,#0000 58%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-kicker{color:#30405f;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:24px;font-size:12px;font-weight:600;display:flex}.card-kicker span{background:#0a39f7;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #0a39f714}.login-card h2{color:#080b2e;letter-spacing:-.045em;margin:0;font-size:clamp(34px,3.2vw,44px);font-weight:600;line-height:1.04}.login-card header p{color:#69748c;margin:13px 0 0;font-size:16px;line-height:1.55}.providers{gap:13px;margin-top:34px;display:grid}.providers a{color:#111934;background:#fff;border:1px solid #dce4f2;border-radius:17px;grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;min-height:64px;padding:9px 16px 9px 10px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;display:grid;position:relative;box-shadow:0 4px 14px #23396b08}.providers a:hover{background:#fbfdff;border-color:#95adff;transform:translateY(-2px);box-shadow:0 12px 30px #2348bb17}.providers a:focus-visible{outline-offset:3px;outline:3px solid #8ba0ff}.provider-icon{background:#fff;border:1px solid #e8ecf4;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.provider-icon svg{width:21px;height:21px}.provider-arrow{color:#8190ad;width:20px;height:20px;transition:transform .25s,color .25s}.providers a:hover .provider-arrow{color:#0a39f7;transform:translate(3px)}.login-note{color:#7b869c;border-top:1px solid #e9edf5;justify-content:center;align-items:center;gap:10px;margin-top:28px;padding-top:24px;display:flex}.login-note p{margin:0;font-size:12px;line-height:1.55}.lock{border:1.5px solid #8391aa;border-radius:3px;width:12px;height:10px;position:relative}.lock:before{content:"";border:1.5px solid #8391aa;border-bottom:0;border-radius:5px 5px 0 0;width:6px;height:6px;position:absolute;top:-6px;left:1.5px}.login-wrap>footer{color:#8a94aa;justify-content:center;align-items:center;gap:10px;margin-top:22px;font-size:12px;display:flex}.footer-dot{background:#a9b3c6;border-radius:50%;width:3px;height:3px}.mobile-brand{display:none}@keyframes auroraOne{0%{transform:translate(-3%,1%)scale(.96)}to{transform:translate(7%,8%)scale(1.12)}}@keyframes auroraTwo{0%{transform:translate(-8%,4%)scale(1)}to{transform:translate(8%,-6%)scale(1.14)}}@keyframes coreFloat{0%,to{transform:translateY(-8px)rotate(-4deg)}50%{transform:translateY(13px)rotate(5deg)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes chipFloat{0%,to{transform:translateY(-5px)}50%{transform:translateY(8px)}}@media (max-width:1120px){.login-shell{grid-template-columns:minmax(490px,1fr) minmax(430px,.9fr)}.login-brand{padding:38px 46px}.brand-stage{width:620px;right:-16%}.brand-copy{padding-top:270px}.login-panel{padding:32px}.login-card{padding:40px}}@media (max-width:900px){.login-shell{background:linear-gradient(145deg,#050538,#0b2ad1);display:block}.login-brand{display:none}.login-panel{background:radial-gradient(circle at 85% 2%,#3d69ff38,#0000 34%),radial-gradient(circle at 5% 96%,#4ddfff24,#0000 34%),linear-gradient(150deg,#050538,#0a176f 58%,#0a39f7);min-height:100dvh;padding:28px 20px 34px}.login-panel:before{opacity:.35}.mobile-brand{justify-content:center;align-items:center;gap:10px;margin:0 auto 24px;display:flex}.mobile-brand img{object-fit:cover;border-radius:8px;width:88px;height:52px}.mobile-brand span{color:#fff;letter-spacing:.12em;border:1px solid #ffffff38;border-radius:10px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.login-card{border-radius:25px;padding:34px 26px}.login-wrap>footer{color:#bfcaed}.brand-logo{width:88px}}@media (max-width:480px){.login-panel{justify-content:flex-start;padding-top:34px}.login-card{padding:30px 20px}.login-card h2{font-size:32px}.providers a{grid-template-columns:40px 1fr 20px;min-height:60px;font-size:14px}.provider-icon{width:40px;height:40px}.login-wrap>footer{flex-wrap:wrap;row-gap:4px}}@media (prefers-reduced-motion:reduce){.brand-aurora,.visual-core,.orbit,.stage-chip{animation:none}.providers a,.provider-arrow{transition:none}}