:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f5ff;background:#080b13}
*{box-sizing:border-box}body{margin:0;min-height:100svh}a{color:#8eecdf;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}[hidden]{display:none!important}
.auth-shell{max-width:1216px;margin:auto;padding:46px 40px 76px}.brand{display:inline-flex;align-items:center;gap:14px;color:#eef7ff}.brand:hover{text-decoration:none}.brand-mark{border-radius:50%;object-fit:contain;filter:drop-shadow(0 0 15px #8054ef44)}.brand strong{display:block;font-size:22px;letter-spacing:.12em}.brand small{display:block;color:#8edce1;font-size:11px;letter-spacing:.28em;margin-top:4px}
.auth-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center;min-height:70svh;padding:45px 0 20px}.eyebrow{font-size:11px;line-height:1.6;font-weight:750;letter-spacing:.18em;color:#72e7d7;margin:0 0 20px}.auth-intro h1{font-size:clamp(38px,4.5vw,62px);line-height:1.1;letter-spacing:-.045em;margin:0 0 26px}.auth-intro h1 span{background:linear-gradient(110deg,#72f0df,#8bb8ff 55%,#b3a0ff);background-clip:text;color:transparent}.auth-intro>p:not(.eyebrow){max-width:430px;font-size:17px;line-height:1.8;color:#a9b7cb}.studio-path{display:flex;flex-wrap:wrap;gap:19px;margin:35px 0;color:#d1dcef;font-size:14px}.studio-path i{color:#53738f;font-style:normal}.auth-studio-note{font-size:12px;color:#8dacc3;display:flex;align-items:center;gap:9px}.signal-dot{width:6px;height:6px;border-radius:50%;background:#63e8d1;box-shadow:0 0 12px #63e8d177}
.auth-card{padding:36px;border:1px solid #67849a42;border-radius:24px;background:linear-gradient(135deg,#152235cb,#10131fe8);box-shadow:0 24px 80px #0005;backdrop-filter:blur(18px)}.auth-card .eyebrow{margin-bottom:10px}.auth-card h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:0 0 14px}.intro{font-size:14px;line-height:1.7;color:#aab8cc;margin:0 0 26px}label{display:block;margin:18px 0 9px;color:#d3def0;font-size:13px;font-weight:600}input{display:block;width:100%;min-width:0;height:50px;border:1px solid #60799470;border-radius:10px;background:#080f1cc2;color:#fff;padding:12px 14px;outline:none}input::placeholder{color:#788aa5}input:focus{border-color:#6ce7d5;box-shadow:0 0 0 3px #57dbc719}.password-field{position:relative}.password-field input{padding-right:72px}#password-toggle{position:absolute;right:6px;top:5px;height:40px;min-width:55px;border:0;border-radius:6px;background:transparent;color:#9fb8d6;cursor:pointer;font-size:12px}#password-toggle:hover{color:#fff;background:#ffffff09}
#login-submit{width:100%;min-height:50px;margin-top:24px;border:0;border-radius:10px;background:linear-gradient(110deg,#7b67e9,#277eab 60%,#15ac9f);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 6px 25px #5960d32e}#login-submit:hover{filter:brightness(1.12)}#login-submit:disabled{opacity:.7;cursor:wait}.support-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:12px}.trust{font-size:12px;color:#7f93ad;text-align:center;line-height:1.7;margin:22px 0 0}.message,.upgrade{font-size:13px;line-height:1.6;padding:14px;border:1px solid #ce686e66;background:#592b3e44;border-radius:10px;margin:16px 0}.upgrade{border-color:#66dac34d;background:#153d4233}.upgrade p{color:#b7cbdc}.upgrade a{font-weight:700}button:focus-visible,a:focus-visible{outline:2px solid #81efde;outline-offset:4px}
@media(max-width:800px){.auth-shell{max-width:590px;padding:26px 22px 80px}.auth-layout{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:36px}.auth-intro h1{font-size:38px;margin-bottom:16px}.auth-intro>p:not(.eyebrow){font-size:14px;line-height:1.7}.studio-path,.auth-studio-note{display:none}.auth-card{padding:28px}.brand strong{font-size:19px}.auth-intro .eyebrow{margin-bottom:12px}}
@media(max-width:380px){.auth-shell{padding-inline:16px}.auth-card{padding:22px}.auth-card h2{font-size:25px}.auth-intro h1{font-size:34px}}
.auth-shell>.landing-motion-toggle{position:static;width:max-content;max-width:100%;margin:20px auto 0;display:flex}
@media(max-width:480px){.auth-intro>p:not(.eyebrow){display:none}.auth-layout{padding-top:28px;gap:20px}.auth-intro h1{font-size:32px;margin-bottom:0}.auth-card h2{font-size:25px}.auth-shell{padding-bottom:32px}}