.auth-page{background:radial-gradient(ellipse at 16% 42%,#21274c55,transparent 45%),var(--bg);min-height:100vh}.auth-brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #8aeef560;border-radius:11px;color:var(--cyan);background:#8aeef50c;font:30px var(--display)}.back-home{font-size:12px;color:var(--muted);white-space:nowrap}.back-home span{margin-left:12px;color:var(--cyan)}.auth-shell{max-width:1220px;margin:56px auto 60px;padding:0 28px;display:grid;grid-template-columns:1.1fr 1fr;gap:76px;align-items:center}.auth-story>.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px}.auth-story .eyebrow i,.auth-status i,.floating-label i{height:5px;width:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #8aeef566}.auth-story h1{font:500 clamp(40px,4vw,58px)/1.13 var(--display);letter-spacing:-2.2px;margin:22px 0}.auth-story h1 em{font-style:normal;color:var(--cyan)}.auth-story-copy{color:var(--muted);font-size:14px;line-height:1.8}.auth-art{position:relative;height:285px;isolation:isolate;margin:18px 0 8px;overflow:hidden}.orb-grid{position:absolute;inset:0;background-image:linear-gradient(#8aeef508 1px,transparent 1px),linear-gradient(90deg,#8aeef508 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000 15%,transparent 72%)}.orb-core{position:absolute;width:140px;height:140px;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 20%,#a6c1ff40,#453c7c44 38%,#0d1532 65%);box-shadow:inset 1px 1px 18px #b0e7ff44,inset -5px -8px 16px #0008,0 0 60px #9184ff22;border:1px solid #afbcff44}.orb-core>span{font:500 40px var(--display);letter-spacing:-3px}.orb-core>span>span{font-size:25px;color:var(--cyan);vertical-align:super;margin-left:2px}.orbit{position:absolute;left:50%;top:50%;border:1px solid #8aeef54d;border-radius:50%;width:290px;height:140px;transform:translate(-50%,-50%) rotate(-24deg);animation:orb-wander 22s ease-in-out infinite alternate;box-shadow:0 0 15px #8aeef509}.orbit:after{content:'';position:absolute;left:35px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px #8aeef5}.orbit-two{width:230px;height:225px;border-color:#b39bff33;animation-duration:17s;animation-direction:alternate-reverse}.orbit-three{width:330px;height:200px;border-style:dashed;opacity:.4;animation-duration:28s}.floating-label{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:.8px;padding:12px;border:1px solid #a1d9ff26;background:#0b1025de;box-shadow:0 8px 30px #0003;backdrop-filter:blur(8px);border-radius:9px}.label-top{right:6%;top:28px}.label-bottom{bottom:35px;left:2%}.label-bottom span{font-size:16px;color:var(--cyan)}.label-bottom b{font-weight:400;font-size:14px;margin:0 6px;color:var(--violet)}.art-coordinate{position:absolute;right:5%;bottom:9px;color:var(--muted);font:7px var(--mono);letter-spacing:1px}.auth-story-foot{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:22px}.story-number{font:10px var(--mono);color:var(--cyan);letter-spacing:1px}.auth-story-foot b{font:500 12px var(--display)}.auth-story-foot p{font-size:11px;color:var(--muted);margin:7px 0}.auth-panel{padding:32px 36px;border:1px solid #b0c2ff24;border-radius:24px;background:linear-gradient(140deg,#29314b33,transparent 65%),var(--surface);box-shadow:0 22px 80px #0003,inset 0 1px #ffffff09;position:relative;overflow:hidden}.auth-panel:before{content:'';position:absolute;left:20%;right:20%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.auth-panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-status{display:inline-flex;align-items:center;gap:7px;font:9px var(--mono);color:var(--cyan);letter-spacing:1px}.panel-index{font:10px var(--mono);color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line);border-radius:11px;background:#04071155;margin-bottom:27px}.auth-tabs button{padding:11px 6px;border:0;border-radius:8px;color:var(--muted);font-size:12px;background:transparent}.auth-tabs button[aria-pressed=true]{color:var(--text);background:#26304785;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}.auth-panel h2{font:500 32px var(--display);letter-spacing:-1px;margin:0 0 9px}.auth-panel #auth-description{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 25px}.auth-field{margin-bottom:17px}.auth-field label{display:block;font-size:11px;font-weight:500;margin-bottom:9px;color:var(--text)}.auth-field input{width:100%;min-height:48px;border:1px solid #a3bed929;border-radius:9px;padding:13px 14px;background:#060b1755;color:var(--text);font:12px var(--display);outline:none;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #8aeef512}.auth-field input::placeholder{color:#8090a6}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:4px;top:4px;bottom:4px;padding:0 13px;border:0;border-radius:7px;background:transparent;font:10px var(--mono);color:var(--muted)}.password-wrap button:hover{color:var(--cyan);background:#8aeef50b}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin:0 0 22px}.login-options button{padding:4px 0;border:0;background:none;color:var(--cyan);font-size:10px}.auth-submit{width:100%;min-height:49px;background:linear-gradient(105deg,#b3f8f5,#8ae0ef);border:1px solid #bcf9fb88;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:600 13px var(--display);color:#071822;box-shadow:0 6px 24px #8aeef512;transition:filter .2s,transform .2s}.auth-submit:hover{filter:brightness(1.07);transform:translateY(-1px)}.auth-submit>span:last-child{font-size:19px}.auth-divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.sample-access{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:47px;border:1px solid #b0c2ff26;border-radius:9px;background:transparent;font-size:11px}.sample-access>span{color:var(--cyan);font-size:17px}.sample-access:hover{background:#8aeef509;border-color:#8aeef566}.auth-disclosure{display:flex;gap:9px;color:var(--muted);font-size:10px;line-height:1.7;margin-top:20px}.auth-disclosure>span{color:var(--cyan);padding-top:2px}.auth-disclosure p{margin:0}.auth-footer{max-width:1220px;margin:0 auto;padding:24px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);letter-spacing:.5px;color:var(--muted)}.auth-footer a{color:var(--text)}.auth-error{font-size:12px;color:#ffb7bb;background:#f24e6710;border:1px solid #f24e6740;padding:10px 12px;border-radius:8px;line-height:1.6}.session-resume{display:block;padding:10px;margin-bottom:20px;font-size:11px;border:1px solid #8aeef533;border-radius:8px;color:var(--cyan)}.reset-result{padding:14px;border-radius:10px;border:1px solid #8aeef533;background:#8aeef509;color:var(--cyan);font-size:12px!important}.auth-page dialog{max-width:450px}.auth-page dialog .auth-field{margin-top:22px}.sign-out{padding:9px 15px;border:1px solid var(--line);background:var(--card);border-radius:9px;font-size:11px}.account-shell{max-width:1170px;padding:0 28px;margin:60px auto 80px}.account-shell>h1{font:500 clamp(30px,4vw,48px) var(--display);letter-spacing:-1.5px;overflow-wrap:anywhere;margin:20px 0 15px}.account-shell>h1 em{color:var(--cyan)}.account-lead{font-size:13px;color:var(--muted);line-height:1.8}.account-grid{display:grid;grid-template-columns:320px 1fr;gap:28px;margin-top:38px}.profile-card,.account-feature,.account-mini-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(130deg,#ffffff05,transparent),var(--surface)}.profile-avatar{width:70px;height:70px;display:grid;place-items:center;border:1px solid #8aeef54d;background:linear-gradient(130deg,#8aeef525,#ad9aff19);border-radius:22px;font:32px var(--display);color:var(--cyan);margin:30px 0 20px}.profile-card h2{font:500 22px var(--display);overflow-wrap:anywhere;margin:0 0 10px}.profile-card>p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.profile-details{margin:25px 0;border-top:1px solid var(--line);padding-top:15px;font-size:10px}.profile-details>div{display:flex;justify-content:space-between;gap:12px;margin:15px 0}.profile-details dt{color:var(--muted)}.profile-details dd{margin:0;text-align:right}.profile-card .profile-note{font-size:10px;line-height:1.8;padding-top:14px;border-top:1px solid var(--line)}.account-feature{display:flex;gap:22px;align-items:center;min-height:185px;background:radial-gradient(at top right,#8aeef515,transparent 60%),var(--surface)}.account-feature-icon{font-size:40px;color:var(--cyan)}.account-feature small,.account-mini-card>span{font:8px var(--mono);letter-spacing:.7px;color:var(--cyan)}.account-feature h2{font:500 27px var(--display);letter-spacing:-.6px;margin:12px 0}.account-feature p,.account-mini-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.account-feature>b{margin-left:auto;color:var(--cyan)}.account-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.account-mini-card h2{font:500 22px var(--display);margin:20px 0 12px}.account-mini-card>b{display:block;font-size:11px;font-weight:500;margin-top:25px;color:var(--cyan)}.account-note{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:11px;line-height:1.8;margin-top:20px}.account-note>span{font-size:25px;color:var(--violet)}.account-note p{margin:0}.account-feature:hover,.account-mini-card:hover{border-color:#8aeef54d}.auth-page [hidden]{display:none!important}
@keyframes orb-wander{from{transform:translate(-50%,-50%) rotate(-24deg)}to{transform:translate(-50%,-50%) rotate(24deg)}}:root[data-motion=paused] .orbit{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.orbit{animation:none}.auth-submit,.auth-field input{transition:none}}
@media(max-width:1000px){.auth-shell{gap:35px}.auth-panel{padding:28px}.auth-story h1{font-size:44px}.account-grid{grid-template-columns:280px 1fr}.account-feature{gap:12px;padding:24px}.account-mini-card{padding:24px}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr;max-width:530px;margin:30px auto 40px;gap:24px}.auth-story>.eyebrow{font-size:9px}.auth-story h1{font-size:38px;letter-spacing:-1.5px;margin:18px 0 13px}.auth-story h1 br{display:none}.auth-story-copy{font-size:12px}.auth-story-copy br{display:none}.auth-art,.auth-story-foot{display:none}.auth-panel{padding:28px}.auth-footer{font-size:7px;flex-wrap:wrap;padding:20px 24px}.auth-footer>span:nth-child(2){order:3;width:100%}.auth-page .back-home{font-size:10px}.account-shell{margin:35px auto 50px}.account-grid{grid-template-columns:1fr;gap:22px}.profile-card{padding:24px}.profile-avatar{margin:22px 0 15px}.account-feature h2{font-size:25px}.account-shell>.eyebrow{font-size:10px}.account-page .back-home{display:none}}
@media(max-width:400px){.auth-shell{padding:0 16px}.auth-panel{padding:24px 20px}.auth-story h1{font-size:32px}.auth-panel h2{font-size:29px}.auth-brand-mark{width:30px;height:30px;font-size:23px}.auth-page .brand-word{font-size:15px}.auth-page .brand-word small{font-size:6px;letter-spacing:1.2px}.auth-page .motion-toggle{display:none}.auth-page .nav-shell{padding:0 12px}.auth-page .back-home{font-size:9px}.account-small-grid{grid-template-columns:1fr}.account-shell{padding:0 16px}.account-feature-icon{display:none}.auth-footer{gap:15px}}