*{box-sizing:border-box}body{margin:0;background:#faf9fd;color:#252238;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b7a9ff;outline-offset:3px}.auth-shell{max-width:1320px;margin:auto;padding:38px 68px 24px;min-height:100vh;display:flex;flex-direction:column}.brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;font-size:25px;font-weight:800}.brand-mark{display:grid;place-items:center;background:#7959ee;color:white;width:44px;height:44px;border-radius:13px;font-size:18px;padding-left:3px;box-shadow:0 6px 15px #7959ee25}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#9590a6;margin-top:4px}.auth-grid{flex:1;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;padding:58px 0 62px}.eyebrow{font-size:12px;letter-spacing:2px;color:#8063d7;font-weight:700}.auth-intro h1{font-size:clamp(30px,3.2vw,44px);line-height:1.5;letter-spacing:-1.5px;margin:19px 0 17px}.auth-intro>p{font-size:14px;color:#8d879d;line-height:1.9;margin:0 0 30px}.visual-frame{position:relative;height:230px;overflow:hidden;background:linear-gradient(135deg,#eeebfb,#e8e1fa);border:1px solid #e4dcf8;border-radius:18px}.frame-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff50 1px,transparent 1px),linear-gradient(90deg,#ffffff50 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(transparent,#000,transparent)}.frame-label{position:absolute;top:20px;left:23px;font-size:9px;letter-spacing:2px;color:#a491c0}.orb{position:absolute;width:115px;height:115px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffee,#c2afe7 65%,#ac91d0);box-shadow:15px 20px 32px #9874c333,inset -8px -10px 25px #9c7bb944;display:grid;place-items:center;font-size:30px;color:#fff9}.frame-bottom{position:absolute;bottom:20px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#a18cb9}.auth-intro .intro-foot{font-size:11px;color:#a49caf;margin:20px 0 0}.auth-card{max-width:440px;width:100%;justify-self:end;background:white;border:1px solid #eeebf3;border-radius:23px;padding:34px 36px 25px;box-shadow:0 18px 60px #51427a08}.card-top{font-size:11px;letter-spacing:2px;color:#9b86bd}.auth-card h2{font-size:25px;letter-spacing:-.6px;margin:23px 0 9px}.card-description{font-size:13px;color:#9a93a9;margin:0 0 25px}.mode-switch{display:flex;background:#f6f4fa;padding:4px;border-radius:10px;margin-bottom:24px}.mode-switch button{flex:1;border:0;border-radius:7px;background:transparent;color:#9990aa;font-size:12px;padding:10px}.mode-switch .selected{color:#7959dd;background:white;font-weight:600;box-shadow:0 2px 6px #30264409}fieldset{border:0;margin:0;padding:0;min-width:0}label{display:block;font-size:12px;font-weight:600;color:#59516c;margin:17px 0 9px}input{width:100%;height:45px;border:1px solid #e8e3ef;background:#fff;border-radius:9px;color:#393044;padding:0 13px;font-size:13px;outline:0}input::placeholder{color:#b7b0c3}input:focus{border-color:#ac92ed;box-shadow:0 0 0 3px #f4efff}.field-hint{color:#a79eb8;font-size:10px;line-height:1.6;margin:7px 0 0}.password-input{position:relative}.password-input input{padding-right:61px}.password-input button{position:absolute;right:10px;top:0;height:45px;border:0;background:transparent;color:#9c8db3;font-size:11px}.form-message{min-height:35px;font-size:11px;color:#bd4563;line-height:1.6;padding:9px 0}.submit-button{border:0;border-radius:9px;background:#7959e8;color:white;display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 17px;font-size:13px;font-weight:600;box-shadow:0 6px 15px #7959e821}.submit-button:hover{background:#6b4ed3}.submit-button span{font-size:17px}.account-note{text-align:center;font-size:11px;color:#a39aaf;margin:20px 0}.card-footer{border-top:1px solid #f1edf6;padding-top:18px;font-size:10px;color:#b0a7bd;text-align:center}.auth-footer{display:flex;justify-content:space-between;color:#b0a6bf;font-size:10px;letter-spacing:.4px}@media(max-width:900px){.auth-shell{padding:28px 30px 22px}.auth-grid{gap:35px}.auth-card{padding:28px 24px}.auth-intro h1{font-size:31px}.desktop-break{display:none}}@media(max-width:680px){.auth-shell{padding:25px 22px}.brand{font-size:22px}.brand-mark{width:38px;height:38px}.auth-grid{display:flex;flex-direction:column;gap:24px;padding:36px 0}.auth-intro{width:100%;max-width:440px}.auth-intro h1{font-size:26px;line-height:1.4;margin:12px 0}.auth-intro h1 br{display:none}.auth-intro>p{font-size:12px;margin:0}.visual-frame,.intro-foot{display:none}.auth-card{max-width:440px;padding:27px 25px}.auth-card h2{font-size:23px}.auth-footer{font-size:9px;gap:12px}}
/* The public entry shares the studio's midnight visual identity. */
body:has(.auth-shell){background:radial-gradient(ellipse at 10% 35%,#472b702e,transparent 48%),radial-gradient(ellipse at 88% 15%,#154d6533,transparent 45%),#0a0f1d;color:#edf0ff;-webkit-font-smoothing:antialiased}
.auth-shell{position:relative}.brand{letter-spacing:1px}.brand-mark{background:linear-gradient(140deg,#a07aff,#6957dc);border:1px solid #bba0ff36;box-shadow:0 5px 22px #8c5ee83d}.brand small{color:#8a9abc}
.auth-intro .eyebrow{color:#baa6ff}.auth-intro h1{color:#f3f0ff;font-weight:750;line-height:1.45}.auth-intro>p{color:#9ba9c3}.auth-intro .intro-foot{color:#93c6c9}
.visual-frame{border-color:#9d8ee32c;background:radial-gradient(ellipse at 70% 30%,#5260a339,transparent 65%),linear-gradient(135deg,#1c2141,#161d32);box-shadow:0 24px 64px #00000026;border-radius:22px}.frame-grid{background-image:linear-gradient(#b3b9ef0c 1px,transparent 1px),linear-gradient(90deg,#b3b9ef0c 1px,transparent 1px)}.frame-label,.frame-bottom{color:#9b9fc6}.orb{color:white;background:radial-gradient(circle at 30% 25%,#e1d5ff,#8a6bcd 48%,#364c7e);box-shadow:0 0 0 1px #c7bcff38,0 0 65px #a480f032,inset -10px -10px 25px #2d29675c}
.auth-card{border:1px solid #35415d;background:linear-gradient(145deg,#192338,#111a2c);border-radius:22px;box-shadow:0 24px 80px #02050f45,inset 0 1px #e9dbff0a}.auth-card h2{color:#edf0ff;font-weight:720}.card-top{color:#c7b5ff}.card-description,.account-note,.field-hint,.auth-footer{color:#92a1c0}.card-footer{color:#8392b1;border-color:#35415d}
.auth-card label{color:#c4cee3}.mode-switch{background:#0d1424;border-color:#2a3750;border-radius:11px}.mode-switch button{color:#91a0c0}.mode-switch button.selected{background:#2c2749;color:#d3c2ff;box-shadow:0 2px 8px #00000015}
.auth-card input,.password-input{background:#0d1525;border-color:#35415d;color:#edf0ff;border-radius:10px}.auth-card input::placeholder{color:#7182a4}.auth-card input:focus{border-color:#a688f5;box-shadow:0 0 0 3px #a688f518}.password-input button{color:#b49bec}.submit-button{background:linear-gradient(110deg,#8e6bf2,#655bdd);color:white;border:1px solid #bb9fff27;border-radius:11px;box-shadow:0 7px 24px #6e4cd42e}.submit-button:hover{background:linear-gradient(110deg,#a07dff,#766aec)}.form-message{color:#ff9baa}
@media(prefers-reduced-motion:reduce){.auth-shell *{animation:none!important;transition:none!important}}