.auth{background:var(--paper);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth-brand{color:#f1ece0;background:radial-gradient(120% 70% at 0 110%,#ff6a5e57,#0000 60%),radial-gradient(80% 60% at 100% -10%,#f7c9481f,#0000 60%),#15140f;flex-direction:column;justify-content:space-between;gap:40px;padding:44px 56px;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";pointer-events:none;background-image:radial-gradient(#f1ece014 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.auth-brand>*{position:relative}.auth-logo{letter-spacing:-.055em;color:inherit;width:max-content;font-size:1.9rem;font-weight:800;text-decoration:none}.auth-logo span{color:#ff6a5e}.auth-pitch h1{letter-spacing:-.05em;text-wrap:balance;max-width:12ch;margin:0 0 20px;font-size:clamp(2.6rem,5.2vw,4.8rem);font-weight:800;line-height:.95}.auth-pitch h1 em{color:#ff6a5e;font-style:normal}.auth-pitch p{color:#a39d8f;max-width:34ch;margin:0;font-size:1.1rem;line-height:1.55}.auth-sign{font-family:var(--mono);letter-spacing:.14em;color:#a39d8f;font-size:.7rem}.auth-form{background:var(--paper);--mx:50%;--my:40%;place-items:center;padding:48px 28px;display:grid;position:relative;overflow:hidden}.auth-form:before,.auth-form:after{content:"";pointer-events:none;background-size:20px 20px;position:absolute;inset:0}.auth-form:before{background-image:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1.2px,transparent 1.2px)}.auth-form:after{background-image:radial-gradient(color-mix(in srgb,#ff6a5e 85%,var(--ink)) 1.4px,transparent 1.6px);-webkit-mask:radial-gradient(circle 240px at var(--mx) var(--my),#000,transparent 70%);-webkit-mask:radial-gradient(circle 240px at var(--mx) var(--my),#000,transparent 70%);mask:radial-gradient(circle 240px at var(--mx) var(--my),#000,transparent 70%);opacity:.55;transition:opacity .3s;animation:18s ease-in-out infinite alternate auth-drift}.auth-form.lit:after{opacity:.9;animation:none}@keyframes auth-drift{0%{--mx:20%;--my:25%}50%{--mx:80%;--my:55%}to{--mx:35%;--my:85%}}@property --mx{syntax:"<length-percentage>";inherits:true;initial-value:50%}@property --my{syntax:"<length-percentage>";inherits:true;initial-value:40%}.auth-glow{z-index:1;width:min(440px,100%);position:relative}@media (prefers-reduced-motion:reduce){.auth-form:after{animation:none}}.auth-form .cl-rootBox{width:min(420px,100%)}.auth-form .cl-cardBox{width:100%!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border:0!important;overflow:visible!important}.auth-form .cl-card{box-shadow:none!important;background:0 0!important;border:0!important;padding:6px 6px 10px!important;overflow:visible!important}.auth-form .cl-footer{background:0 0!important;padding:0!important}.auth-form .cl-header{text-align:left!important;align-items:flex-start!important}.auth-form .cl-headerTitle{letter-spacing:-.035em!important;text-align:left!important;font-size:1.7rem!important;font-weight:800!important}.auth-form .cl-headerSubtitle{text-align:left!important}.auth-form .cl-socialButtonsBlockButton{height:46px!important}.auth-form .cl-formButtonPrimary{height:46px!important;font-size:.95rem!important}.auth-form .cl-formFieldInput{height:44px!important}@media (max-width:900px){.auth{grid-template-columns:minmax(0,1fr)}.auth-brand{gap:18px;padding:22px 20px 26px}.auth-logo{font-size:1.5rem}.auth-pitch h1{max-width:none;margin-bottom:10px;font-size:clamp(2rem,9vw,2.6rem)}.auth-pitch p{font-size:.95rem}.auth-sign{display:none}.auth-form{align-items:start;padding:24px 16px 40px}}
