@import url('/css/studio.css');
body{background:var(--paper);color:var(--ink)}.auth-page{gap:8vw;align-items:center;padding:55px 5%;position:relative;min-height:100vh}.auth-story{max-width:520px;flex:1}.auth-story .brand{display:inline-block;margin-bottom:70px}.auth-story h2{font-family:Manrope,sans-serif;font-size:clamp(50px,5vw,76px);font-weight:500;line-height:1.07;letter-spacing:-.06em;margin:0 0 30px}.auth-story h2 em{font-family:Georgia,serif;font-weight:400}.auth-story p{max-width:390px;font-size:14px;color:var(--muted)}.auth-story .offer{font-size:22px;color:var(--ink);margin-top:30px}.auth-card{background:#e6dfed;border:1px solid #bcb4c5;box-shadow:none;border-radius:0;max-width:440px;padding:32px;flex-shrink:0}.auth-logo h1,.auth-logo h1 span{color:var(--ink);font-family:Manrope,sans-serif}.auth-logo p,.auth-footer,.auth-card #auth-intro,.auth-card #auth-links{color:#575b4e!important}.auth-card a{color:#424d34}.auth-tabs{border-color:#c0b8c9}.auth-tab{color:#606354}.auth-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.form-group label{color:var(--ink)}.form-group input{background:var(--paper);border:1px solid #999e8b;color:var(--ink);border-radius:3px}.form-group input:focus{border-color:var(--ink);box-shadow:0 0 0 2px #a9b191}.form-group input::placeholder{color:#777a6c}.auth-card .btn-primary{background:var(--ink);color:var(--paper);border-radius:30px}.auth-card .btn-primary:hover{background:#454c37}.auth-card .password-toggle{color:#49553c}.auth-card .password-toggle:hover{color:var(--ink)}.auth-card .auth-divider{color:#575b4e}.auth-card .auth-divider:before,.auth-card .auth-divider:after{background:#bcb4c5}.signup-promise{font-size:12px;line-height:1.7;color:#4b5141;text-align:center;padding-top:12px}.signup-promise a{text-decoration:underline}.auth-card .alert.error{background:#f9e3df;color:#852919}.auth-card .alert.success{background:#e4eccd;color:#304815}.auth-card #auth-links{border-top-color:#bcb4c5!important}
@media(max-width:800px){.auth-page{flex-direction:column;gap:30px;padding:30px 5%}.auth-story{max-width:440px;width:100%}.auth-story .brand{margin-bottom:30px}.auth-story h2{font-size:45px}.auth-story .offer{font-size:18px}.auth-story p{max-width:none}.auth-card{padding:25px}.auth-story .eyebrow{font-size:9px}}