.with42-auth{min-height:100dvh;display:grid;place-items:center;padding:2rem 1.25rem;background:#0b0b0e;color:#ededf1;font-family:Arial,Helvetica,sans-serif}.with42-auth-box{width:min(100%,420px);padding:2.5rem;border:1px solid #29282f;border-radius:24px;background:#131316;box-shadow:0 24px 100px #0005}.with42-auth-logo{width:176px;height:auto;filter:invert(1);margin:0 0 2rem}.with42-auth h1{font-size:1.65rem;line-height:1.25;font-weight:650;letter-spacing:-.04em;margin:0 0 .65rem}.with42-auth p{font-size:1rem;line-height:1.6;color:#aaa8b7;margin:0 0 1.75rem}.with42-auth form{display:grid;gap:1.1rem}.with42-auth label{display:grid;gap:.5rem;font-size:.9rem;color:#d6d4e0}.with42-auth input{width:100%;padding:.85rem 1rem;border:1px solid #393742;background:#09090c;color:#fff;border-radius:10px;font-size:1rem;outline:none}.with42-auth input:focus{border-color:#9c8aff;box-shadow:0 0 0 3px #9c8aff20}.with42-auth button{cursor:pointer;border:0;border-radius:10px;background:#8c73f4;color:white;font-size:1rem;font-weight:600;padding:.9rem 1rem}.with42-auth button:disabled{opacity:.6;cursor:wait}.with42-auth small{font-size:.85rem;line-height:1.5;color:#aaa8b7}.with42-auth-footnote{display:block;margin-top:1.5rem}.with42-auth-error{color:#f7b7b7;font-size:.9rem;line-height:1.5}.with42-auth-back{display:block;color:#bbb1f0;margin-bottom:1.5rem;font-size:.9rem}.with42-auth .with42-auth-secondary{width:100%;margin-top:1rem;background:#29262f;color:#eee}@media(max-width:480px){.with42-auth-box{padding:1.7rem;border-radius:18px}.with42-auth{padding:1rem}}