:root{--black:#000;--white:#fff;--solar:#ffd400;--solar-2:#ffc200;--voltage:#0e159a;--muted:#b8b8b0;--font-display:"Fjalla One",Impact,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--radius:2px}*{box-sizing:border-box}body,html{margin:0;background:var(--black);color:var(--white);font-family:var(--font-body)}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(500px,1fr)}.auth-photo{position:relative;z-index:1;overflow:hidden;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 14vh) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 14vh) 100%,0 100%);margin-right:-14vh}.auth-photo img{object-fit:cover;object-position:28% 55%}.auth-panel{position:relative;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:64px 48px 64px calc(14vh + 32px);background:var(--black)}.auth-logo{width:168px;height:auto;margin-bottom:40px}.auth-eyebrow{margin:0;display:flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.auth-eyebrow:before{content:"";width:28px;height:4px;background:var(--solar)}.auth-panel h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.02;letter-spacing:.01em;text-transform:uppercase}.auth-lede{margin:0 0 12px;max-width:42ch;font-size:1.0625rem;line-height:1.55;color:#d6d6cf}.btn-google{--notch:14px;position:relative;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;width:100%;max-width:400px;min-height:60px;padding:6px;border:0;background:var(--solar);color:var(--black);font:700 .875rem var(--font-body);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%);transition:background .15s ease,transform .1s ease}.btn-google:hover{background:var(--solar-2)}.btn-google:active{transform:translateY(1px)}.btn-google:focus-visible{outline:3px solid var(--white);outline-offset:4px}.btn-google:disabled{cursor:progress}.g-box{display:grid;place-items:center;width:48px;height:48px;background:var(--white)}.g-mark{width:22px;height:22px}.btn-label{text-align:center;padding:0 8px;white-space:nowrap}.btn-arrow{width:16px;height:16px;justify-self:center;transition:transform .2s ease}.btn-google:hover .btn-arrow{transform:translateX(4px)}.btn-spin{justify-self:center;width:18px;height:18px;border:2.5px solid rgba(0,0,0,.25);border-top:2.5px solid var(--black);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}a.btn-google{display:flex;justify-content:center;padding:0 24px}@media (prefers-reduced-motion:reduce){.btn-arrow,.btn-google{transition:none}.btn-spin{animation-duration:2s}}.auth-error{margin:0;max-width:380px;padding:12px 14px;background:var(--white);color:var(--voltage);font-weight:600;font-size:.9375rem}.auth-note{margin:4px 0 0;font-size:.875rem;color:var(--muted)}@media (max-width:900px){.auth{grid-template-columns:minmax(0,1fr);grid-template-rows:40vh auto}.auth-photo{margin-right:0;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 48px));clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 48px))}.auth-panel{min-width:0;padding:32px 20px 48px}.btn-google{max-width:none}.auth-logo{margin-bottom:16px}}