@import "https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;500;600;700;800;900&family=Instrument+Serif:ital@0;1&display=swap";
.auth-page{background:#fafafa;min-height:100vh;font-family:Darker Grotesque,sans-serif;font-weight:500;display:flex;position:relative;overflow:hidden}.auth-brand{background:#0c0c0c;flex-direction:column;justify-content:space-between;width:44%;min-height:100vh;padding:48px;display:none;position:relative;overflow:hidden}@media (min-width:900px){.auth-brand{display:flex}}.auth-brand:before{content:"clausifai.";letter-spacing:-.04em;color:#ffffff08;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:220px;font-weight:900;line-height:1;position:absolute;bottom:-60px;left:-20px}.auth-brand-logo{color:#fff;letter-spacing:-.02em;font-size:28px;font-weight:900}.auth-brand-logo em{color:#d0000a;font-style:normal}.auth-brand-copy{max-width:380px}.auth-brand-copy h2{letter-spacing:-.03em;color:#fff;margin:0 0 20px;font-size:46px;font-weight:900;line-height:.95}.auth-brand-copy h2 em{color:#d0000a;font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.auth-brand-copy p{color:#ffffff73;margin:0;font-size:17px;font-weight:500;line-height:1.5}.auth-brand-stats{gap:40px;display:flex}.auth-brand-stat-n{color:#fff;letter-spacing:-.02em;font-size:32px;font-weight:900;line-height:1}.auth-brand-stat-n span{color:#d0000a}.auth-brand-stat-l{letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;margin-top:6px;font-size:12px;font-weight:700}.auth-brand-line{background:#d0000a;width:4px;height:100%;position:absolute;top:0;right:0}.auth-form-panel{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.auth-form-panel:before{content:"";background:#d0000a;height:4px;position:absolute;top:0;left:0;right:0}@media (min-width:900px){.auth-form-panel:before{display:none}}.auth-card{width:100%;max-width:420px}.auth-mobile-logo{text-align:center;letter-spacing:-.02em;color:#0c0c0c;margin-bottom:40px;font-size:32px;font-weight:900;display:block}.auth-mobile-logo em{color:#d0000a;font-style:normal}@media (min-width:900px){.auth-mobile-logo{display:none}}.auth-heading{margin-bottom:36px}.auth-heading h1{letter-spacing:-.03em;color:#0c0c0c;margin:0 0 8px;font-size:34px;font-weight:900;line-height:1}.auth-heading h1 span{color:#d0000a}.auth-heading p{color:#999;margin:0;font-size:15px;font-weight:500}.auth-field{margin-bottom:20px}.auth-label{letter-spacing:.16em;text-transform:uppercase;color:#999;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.auth-input{color:#0c0c0c;box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;padding:14px 16px;font-family:Darker Grotesque,sans-serif;font-size:15px;font-weight:600;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:#0c0c0c;outline:none;box-shadow:3px 3px #0c0c0c}.auth-input::placeholder{color:#999;font-weight:500}.auth-password-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.auth-password-input-wrap{position:relative}.auth-input--password{padding-right:72px}.auth-password-toggle{letter-spacing:.1em;text-transform:uppercase;color:#d0000a;cursor:pointer;background:0 0;border:0;padding:4px 6px;font-family:Darker Grotesque,sans-serif;font-size:11px;font-weight:800;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-password-toggle:hover{opacity:.7}.auth-password-toggle:focus-visible{outline-offset:1px;outline:2px solid #0c0c0c}.auth-forgot{color:#d0000a;letter-spacing:.02em;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s}.auth-forgot:hover{opacity:.7}.auth-error{color:#d0000a;background:#0c0c0c;border-left:4px solid #d0000a;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:700}.auth-success{background:#fff;border:1px solid #e0e0e0;margin-bottom:24px;padding:20px;position:relative}.auth-success:before{content:"";background:#16a34a;width:4px;height:100%;position:absolute;top:0;left:0}.auth-success-title{letter-spacing:.08em;text-transform:uppercase;color:#0c0c0c;margin:0 0 8px;font-size:14px;font-weight:800}.auth-success-text{color:#666;margin:0;font-size:14px;font-weight:500;line-height:1.5}.auth-success-text strong{color:#0c0c0c;font-weight:700}.auth-social-button{letter-spacing:.12em;text-transform:uppercase;color:#0c0c0c;cursor:pointer;background:#fff;border:1px solid #0c0c0c;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 16px;font-family:Darker Grotesque,sans-serif;font-size:12px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:3px 3px #0c0c0c}.auth-social-button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #0c0c0c}.auth-social-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #0c0c0c}.auth-social-button:disabled{opacity:.5;cursor:not-allowed}.auth-social-button svg{flex-shrink:0}.auth-submit{letter-spacing:.12em;text-transform:uppercase;color:#fff;cursor:pointer;background:#d0000a;border:1px solid #0c0c0c;width:100%;margin-top:8px;padding:16px;font-family:Darker Grotesque,sans-serif;font-size:12px;font-weight:800;transition:background .18s,transform .15s,box-shadow .15s;box-shadow:4px 4px #0c0c0c}.auth-submit:hover:not(:disabled){background:#a80008;transform:translate(-1px,-1px);box-shadow:5px 5px #0c0c0c}.auth-submit:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #0c0c0c}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-submit--dark{background:#0c0c0c}.auth-submit--dark:hover:not(:disabled){background:#1c1c1c}.auth-footer{text-align:center;color:#999;margin-top:28px;font-size:14px;font-weight:500}.auth-footer a{color:#d0000a;font-weight:800;text-decoration:none;transition:opacity .2s}.auth-footer a:hover{opacity:.7}.auth-back{color:#d0000a;align-items:center;gap:6px;margin-top:24px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.auth-back:hover{opacity:.7}.auth-divider{align-items:center;gap:16px;margin:28px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e0e0e0;flex:1;height:1px}.auth-divider span{letter-spacing:.14em;text-transform:uppercase;color:#ccc;font-size:10px;font-weight:700}@keyframes auth-fadein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-card{animation:.5s forwards auth-fadein}.auth-brand-copy,.auth-brand-stats{opacity:0;animation:.7s .15s forwards auth-fadein}.auth-brand-stats{animation-delay:.3s}
