/* Account pages: procedural space atmosphere, restrained motion, accessible forms. */
.auth-shell{position:relative;isolation:isolate;overflow:hidden;background:#070c15;--parallax-x:0px;--parallax-y:0px;padding:32px 5vw}
.auth-scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.auth-stars{position:absolute;width:100%;height:100%;inset:0}
.auth-nebula{position:absolute;inset:-12%;background:radial-gradient(ellipse at 22% 43%,#1e506c4d,transparent 40%),radial-gradient(ellipse at 75% 31%,#4a3b682e,transparent 40%),radial-gradient(ellipse at 65% 95%,#173c482b,transparent 37%);transform:translate(var(--parallax-x),var(--parallax-y));animation:nebula-breathe 18s ease-in-out infinite alternate}
.auth-grid{position:absolute;inset:0;background-image:linear-gradient(#b2daff04 1px,transparent 1px),linear-gradient(90deg,#b2daff04 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse at 30% 65%,#0009,transparent 65%)}
.auth-top,.auth-bottom{animation:auth-enter .9s both}.auth-bottom{animation-delay:.3s}
.auth-body{grid-template-columns:minmax(0,1fr) 440px;gap:9%;padding:58px 0}
.auth-story>.eyebrow{display:flex;gap:10px;align-items:center;animation:auth-enter .85s .08s both}
.live-dot{width:5px;height:5px;background:#a7d9da;border-radius:50%;box-shadow:0 0 14px #8dcbe7;animation:live-pulse 4s ease-in-out infinite}
.auth-story h1{font-size:clamp(45px,4.7vw,68px);animation:auth-enter .95s .17s both}
.auth-story h1 .serif{background:linear-gradient(100deg,#bdccdd,#9ad9ee,#bcb7da);color:transparent;background-clip:text;-webkit-background-clip:text}
.auth-story>p{max-width:365px;animation:auth-enter .95s .26s both;line-height:1.8}
.auth-orbit{height:246px;max-width:410px;margin:32px 0 12px;perspective:650px;animation:auth-enter 1.2s .35s both;transform-style:preserve-3d}
.auth-orbit:before,.auth-orbit:after{content:none}
.orbit-halo{position:absolute;inset:15px 35px;background:radial-gradient(ellipse,#77c4ec16,transparent 66%);animation:live-pulse 8s ease-in-out infinite}
.orbit-core{position:absolute;top:62px;left:142px;width:106px;height:106px;display:grid;place-items:center;border-radius:50%;border:1px solid #92c3db2e;background:radial-gradient(circle at 30% 22%,#456e8940,#131d2b7a 52%,#090f19cc);box-shadow:inset -12px -15px 27px #0005,inset 7px 5px 20px #9bd5fb0b,0 0 60px #74b7da18;animation:core-float 9s ease-in-out infinite}
.auth-orbit .orbit-core span{position:static;font:italic 49px Georgia;color:#c5e1f1;text-shadow:0 0 35px #8bbdea77}
.orbit-ring{position:absolute;left:20px;top:39px;width:350px;height:150px;border-radius:50%;border:1px solid #93c8e633;transform-style:preserve-3d}
.ring-one{transform:rotate(-25deg) rotateX(28deg)}.ring-two{transform:rotate(31deg) rotateX(35deg);width:325px;left:34px;border-color:#b9a7d529}.ring-three{transform:rotate(-70deg) rotateX(45deg);width:310px;left:44px;border-style:dashed;border-color:#94b9d41a}
.auth-orbit .orbit-ring i{position:absolute;inset:0;width:auto;height:auto;top:0;left:0;border-radius:50%;background:transparent;box-shadow:none;animation:orbit-travel 20s linear infinite}
.orbit-ring i:after{content:"";position:absolute;left:50%;top:-3px;width:5px;height:5px;border-radius:50%;background:#b7deef;box-shadow:0 0 13px #b1dfff99}
.ring-two i{animation-duration:29s!important;animation-direction:reverse!important}.ring-two i:after{background:#d6c5e8}.ring-three i{animation-duration:38s!important}.ring-three i:after{width:3px;height:3px;top:-2px}
.orbit-coordinate{position:absolute;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#6c8da4}
.coordinate-one{top:30px;left:5px}.coordinate-two{right:5px;bottom:18px}.orbit-coordinate:before{content:"+";margin-right:10px;color:#a2cfe8}
.auth-benefits{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:#8a9caf;animation:auth-enter .9s .5s both}
.auth-card{position:relative;background:linear-gradient(145deg,#1c2a3bb3,#101827d9 65%);box-shadow:0 24px 100px #0004,inset 0 1px #d5e9fb09;border-color:#b2d1e82b;border-radius:22px;padding:34px 35px;animation:card-enter 1s .15s both}
.auth-card:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#bcddf887,transparent)}
.auth-card-mark{display:grid;place-items:center;width:40px;height:40px;margin-bottom:22px;border:1px solid #bddbf628;border-radius:12px;background:linear-gradient(140deg,#afd8ef12,#6a91b703);font-size:21px;color:#c5e4f4}
.auth-card h2{font-size:29px;line-height:1.2;margin:13px 0 11px}.auth-card .intro{margin-bottom:26px;line-height:1.7}
.auth-card form{gap:18px}.auth-field{display:grid;gap:8px}.auth-field>label{font-size:11px;color:#bbccdc;letter-spacing:.02em}
.auth-input{display:flex;gap:11px;align-items:center;border:1px solid #a5c4e01f;border-radius:10px;background:#080f1b80;padding:0 13px;color:#7599b5;font:15px Georgia;transition:border-color .25s,box-shadow .25s,background .25s}
.auth-input:focus-within{border-color:#a4d0ef80;background:#0d1727;box-shadow:0 0 0 3px #96c9ee09,0 0 26px #a4d0ef06}
.auth-input input{border:0;background:transparent;min-width:0;padding:13px 0;border-radius:0;color:#e6f0fa;font:13px var(--font,system-ui);box-shadow:none!important;outline:none!important}
.password-toggle{flex-shrink:0;border:0;background:transparent;color:#a8bfd2;font:10px var(--font,system-ui);padding:8px 0;min-width:33px;letter-spacing:.015em}.password-toggle:hover{color:#e0f2ff}
.password-guidance{margin-top:-8px}.password-meter{display:flex;gap:5px;height:3px}.password-meter i{flex:1;background:#a8c6df16;border-radius:3px;transition:background .3s}.password-meter i.filled{background:#dcbb87}.password-meter i.filled[data-level="3"],.password-meter i.filled[data-level="4"]{background:#a8d4cb}
.password-guidance .hint{font-size:10px;line-height:1.6;margin-top:8px}.forgot-link{justify-self:end;font-size:11px;margin-top:-4px}
.auth-card form .auth-submit{position:relative;border-radius:10px;font-size:12px;min-height:47px;justify-content:space-between;padding:12px 17px;background:linear-gradient(100deg,#c3e3f7,#acceed);box-shadow:0 5px 24px #7badd317;overflow:hidden}
.auth-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff4 48%,transparent 67%);transform:translateX(-130%);transition:transform .7s}.auth-submit:hover:before{transform:translateX(130%)}
.submit-arrow{font-size:19px;transition:transform .25s}.auth-submit:hover .submit-arrow{transform:translate(2px,-2px)}
.submit-spinner{display:none;width:16px;height:16px;border:2px solid #16314930;border-top-color:#17364e;border-radius:50%;animation:orbit-travel .8s linear infinite}.auth-submit[aria-busy="true"] .submit-arrow{display:none}.auth-submit[aria-busy="true"] .submit-spinner{display:block}
.auth-switch{font-size:11px;margin-top:24px;padding-top:20px}.auth-switch .text-link{font-size:11px}.auth-assurance{display:flex;align-items:center;gap:7px;color:#6e879c;font-size:10px;margin-top:19px}.auth-assurance span{font-size:14px}.auth-dev{font-size:9px;opacity:.75;margin-top:16px}
.auth-card .error-text{margin-top:0;animation:auth-enter .25s both}.auth-card .notice{font-size:11px;padding:12px 14px;line-height:1.7}
.auth-shell.motion-paused .auth-nebula,.auth-shell.motion-paused .orbit-ring i,.auth-shell.motion-paused .orbit-core,.auth-shell.motion-paused .orbit-halo,.auth-shell.motion-paused .live-dot{animation-play-state:paused!important}
@keyframes auth-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-enter{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes orbit-travel{to{transform:rotate(360deg)}}
@keyframes live-pulse{50%{opacity:.5}}
@keyframes core-float{50%{transform:translateY(-7px)}}
@keyframes nebula-breathe{to{opacity:.7;filter:hue-rotate(12deg)}}
@media(max-width:1000px){.auth-body{gap:6%;grid-template-columns:minmax(0,1fr) 400px}.auth-story h1{font-size:48px}.auth-orbit{transform:scale(.85);transform-origin:left center}.auth-benefits{gap:12px;max-width:270px}}
@media(max-width:760px){.auth-shell{padding:25px 22px}.auth-body{grid-template-columns:1fr;max-width:440px;margin:auto;padding:40px 0}.auth-story{display:none}.auth-card{padding:30px}.auth-top>.text-link{font-size:10px}.auth-bottom{font-size:8px;letter-spacing:.06em}.auth-nebula{background:radial-gradient(ellipse at 50% 30%,#22496b55,transparent 65%),radial-gradient(ellipse at 100% 85%,#56467422,transparent 50%)}.auth-grid{background-size:70px 70px}}
@media(max-width:450px){.auth-shell{padding:23px 18px}.auth-top .wordmark{font-size:22px}.auth-top>.text-link{max-width:95px;text-align:right;line-height:1.6}.auth-body{padding:35px 0}.auth-card{padding:28px 24px}.auth-card h2{font-size:27px}.auth-card-mark{margin-bottom:20px}.auth-input input{font-size:16px}.auth-switch{line-height:1.9}.auth-bottom{gap:10px}}
.reduced-motion .auth-shell *,.reduced-motion .auth-shell *:before,.reduced-motion .auth-shell *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.auth-shell *,.auth-shell *:before,.auth-shell *:after{animation:none!important;transition:none!important}}