.auth-page{background:var(--dark);min-height:100vh}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.auth-context{position:relative;display:flex;flex-direction:column;padding:clamp(32px,6vw,86px);background:var(--dark);color:var(--white);overflow:hidden}.auth-context:after{content:'';position:absolute;width:560px;height:560px;border:1px solid rgba(199,243,107,.16);border-radius:50%;right:-260px;bottom:-185px;box-shadow:0 0 0 42px rgba(199,243,107,.025),0 0 0 84px rgba(199,243,107,.02)}.brand-light{color:var(--white);position:relative;z-index:1}.context-copy{margin:auto 0;position:relative;z-index:1;max-width:520px}.context-copy h1{font-size:clamp(58px,7vw,96px);margin-bottom:27px}.context-copy>p:last-child{color:#aab7ad;max-width:380px;font-size:17px}.eyebrow.light{color:#aab7ad}.context-footer{display:flex;gap:42px;position:relative;z-index:1}.context-metric{display:flex;flex-direction:column;gap:4px}.context-metric strong{font:600 21px 'Space Grotesk';color:var(--acid)}.context-metric span{color:#7d8c83;font:10px 'DM Mono';text-transform:uppercase}.context-code{position:absolute;right:clamp(35px,8vw,125px);bottom:clamp(100px,17vh,184px);display:flex;flex-direction:column;gap:6px;padding:17px 20px;background:#23312d;border:1px solid rgba(199,243,107,.22);border-radius:3px;box-shadow:14px 14px 0 rgba(0,0,0,.16);font:11px 'DM Mono';z-index:1;transform:rotate(-3deg)}.context-code span{color:#aab7ad}.context-code i{color:var(--acid);font-style:normal}.context-code b{color:#8dd258;font-weight:400}.context-code strong{color:#f0eee7;font-weight:400}.auth-side{background:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:40px clamp(28px,8vw,110px);min-width:0}.auth-card{width:min(360px,100%);margin:0 auto}.mobile-brand{display:none}.auth-heading h2{font-size:54px;margin-bottom:14px}.auth-heading>p:last-child{color:var(--muted);font-size:14px;margin-bottom:30px}.auth-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:20px}.auth-tab{border:0;background:transparent;padding:0 0 12px;color:var(--muted);font:600 13px 'DM Sans';cursor:pointer;position:relative}.auth-tab.active{color:var(--ink)}.auth-tab.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.auth-card label:not(.check-label){display:block;font:11px 'DM Mono';color:var(--muted);margin-top:16px}.auth-card input[type=email],.auth-card input[type=password]{display:block;width:100%;border:1px solid var(--line);background:var(--cream);padding:12px;margin-top:7px;font:14px 'DM Sans';color:var(--ink);outline:none}.auth-card input:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--acid)}.form-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0 20px}.check-label{display:flex;align-items:center;gap:7px;color:var(--muted);font:11px 'DM Mono'}.check-label input{accent-color:var(--ink)}.muted-link{color:var(--muted);font-size:11px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font:10px 'DM Mono';margin:23px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.social-button{width:100%;border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px;font:600 12px 'DM Sans';cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:8px}.social-button small{font:10px 'DM Mono';color:var(--muted);font-weight:400;margin-left:auto}.google-g{font:700 15px Arial;color:#4285f4}.legal-copy{text-align:center;color:var(--muted);font-size:10px;line-height:1.6;margin:23px auto 0;max-width:280px}.legal-copy a{color:var(--ink)}.auth-footer{width:min(360px,100%);margin:40px auto 0;display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono';gap:12px}.auth-footer i{display:inline-block;width:5px;height:5px;background:#76c246;border-radius:50%;margin-left:4px}.auth-footer span:last-child{white-space:nowrap}.auth-page .config-note{min-height:15px}.auth-page .config-note.ready{color:#5b9e31}@media(max-width:800px){.auth-layout{display:block}.auth-context{min-height:225px;padding:27px 22px}.auth-context:after{width:300px;height:300px;right:-180px;bottom:-215px}.auth-context .brand{font-size:15px}.context-copy{margin:33px 0 0}.context-copy .eyebrow,.context-copy>p:last-child,.context-footer,.context-code{display:none}.context-copy h1{font-size:42px;margin:0}.auth-side{min-height:calc(100vh - 225px);padding:40px 24px 25px}.auth-heading h2{font-size:45px}.auth-footer{margin-top:30px}}
