.auth-shell{grid-template-columns:60fr 40fr;min-height:100vh;display:grid}.auth-marketing{background:linear-gradient(135deg, var(--marketing-bg-start) 0%, var(--marketing-bg-mid) 45%, var(--marketing-bg-end) 100%);color:var(--marketing-text);background-attachment:fixed;flex-direction:column;padding:32px 48px;display:flex;position:relative;overflow:hidden}.auth-app{background:var(--app-bg);justify-content:center;align-items:center;padding:48px 32px;display:flex;position:relative;box-shadow:inset 8px 0 16px -8px #00000073}@media (max-width:768px){.auth-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;min-height:100vh}.auth-marketing{background-attachment:scroll;min-height:38vh;padding:24px 24px 32px}.auth-marketing .auth-deco{display:none}.auth-marketing .auth-headline{font-size:38px;line-height:1.06}.auth-marketing .auth-body{font-size:16px}.auth-app{padding:32px 22px 56px;box-shadow:inset 0 8px 16px -8px #00000073}}.auth-logo{color:var(--marketing-text);align-self:flex-start;align-items:center;gap:14px;line-height:1;text-decoration:none;display:inline-flex}.auth-logo .mark{flex-shrink:0;display:block}.auth-logo .word{font-family:var(--font-wordmark);letter-spacing:-.5px;color:var(--marketing-text);font-size:32px;font-weight:700;display:inline-block;transform:translateY(1px)}.auth-marketing-body{max-width:520px;margin:auto 0}.auth-headline{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--marketing-text);margin-bottom:16px;font-size:clamp(36px,5vw,56px);font-weight:400;line-height:1.04}.auth-body{color:var(--marketing-text-2);text-wrap:pretty;max-width:440px;font-size:19px;line-height:30px}.auth-deco{pointer-events:none;align-items:flex-end;gap:14px;max-width:60%;display:flex;position:absolute;bottom:48px;left:48px}.auth-deco .deco-card{background:var(--marketing-surface);border:1px solid var(--marketing-surface-border);-webkit-backdrop-filter:blur(20px);border-radius:var(--r-xl);flex-shrink:0;width:170px;padding:12px;box-shadow:0 4px 16px #0000000f}.auth-deco .deco-card.tilt-l{transform:rotate(-4deg)translateY(-12px)}.auth-deco .deco-card.tilt-r{transform:rotate(3deg)}.auth-deco .deco-card.tilt-m{z-index:2;transform:rotate(-1deg)translateY(-22px)}.auth-deco .deco-label{letter-spacing:.07em;text-transform:uppercase;color:var(--marketing-text-2);align-items:center;gap:5px;margin-bottom:8px;font-size:9.5px;font-weight:600;display:flex}.auth-deco .deco-label .arrow{opacity:.55}.auth-deco .deco-imgs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.auth-deco .deco-img{aspect-ratio:1;border-radius:var(--r-md);background:#ffffff73;border:1px solid #ffffff8c}.auth-deco .deco-img.after{background:linear-gradient(135deg, var(--marketing-bg-start) 0%, var(--marketing-bg-mid) 60%, var(--marketing-bg-end) 100%);border-color:#ffffffb3}.auth-deco .deco-tag{letter-spacing:.07em;text-transform:uppercase;border-radius:var(--r-pill);color:var(--marketing-text);background:#0f172a14;padding:4px 9px;font-size:9.5px;font-weight:700;display:inline-block}.auth-deco .deco-tag.warm{background:var(--warm);color:var(--warm-text)}@media (max-width:1080px){.auth-deco{display:none}}.auth-form{flex-direction:column;width:100%;max-width:380px;display:flex}.auth-form h1{font-family:var(--font-body);letter-spacing:-.015em;color:var(--app-text-primary);font-size:26px;font-weight:600;line-height:34px}.auth-form .auth-sub{color:var(--app-text-secondary);margin-top:8px;font-size:17px;line-height:26px}.gap-8{height:8px}.gap-12{height:12px}.gap-16{height:16px}.gap-24{height:24px}.gap-32{height:32px}.oauth-button{border-radius:var(--r-pill);background:var(--app-surface-elevated);border:1px solid var(--app-border-strong);width:100%;height:48px;color:var(--app-text-primary);transition:transform .15s var(--ease), background .15s var(--ease), border-color .15s;justify-content:center;align-items:center;gap:12px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.oauth-button:hover{background:#3d4960;transform:translateY(-1px)}.oauth-button:active{transform:translateY(0)}.oauth-button .oauth-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.auth-divider{letter-spacing:.06em;text-transform:uppercase;color:var(--app-text-tertiary);align-items:center;gap:14px;font-size:13px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--app-border);flex:1;height:1px}.field{display:block}.field label{letter-spacing:.07em;text-transform:uppercase;color:var(--app-text-secondary);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field-wrap{position:relative}.field input{border-radius:var(--r-lg);background:var(--app-surface);border:1px solid var(--app-border);width:100%;height:48px;color:var(--app-text-primary);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:14px 16px;font-size:15px;line-height:20px}.field input::placeholder{color:var(--app-text-tertiary)}.field input:focus{border-color:var(--warm);box-shadow:0 0 0 4px var(--warm-glow);outline:none}.field-helper{color:var(--app-text-tertiary);font-size:15px;line-height:22px}.btn-primary{border-radius:var(--r-pill);background:var(--warm);width:100%;height:52px;color:var(--warm-text);letter-spacing:-.005em;transition:transform .15s var(--ease), box-shadow .15s var(--ease), opacity .15s;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #0000004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0006}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled,.btn-primary[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 4px 12px #0000004d!important}.legal{color:var(--app-text-tertiary);text-align:center;max-width:320px;margin:0 auto;font-size:14px;line-height:1.5}.legal a{color:var(--app-text-secondary);text-underline-offset:3px;transition:color .15s var(--ease);text-decoration:underline}.legal a:hover{color:var(--cool-app)}.center-text{text-align:center;align-items:center}.center-text h1,.center-text .auth-sub{text-align:center}.center-text .auth-sub{max-width:320px;margin-left:auto;margin-right:auto}.center-text .body-narrow{max-width:340px}.status-icon{color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;display:flex}.status-icon.is-warm{background:var(--warm);box-shadow:0 0 0 8px var(--warm-halo)}.status-icon.is-danger{background:var(--danger);box-shadow:0 0 0 8px var(--danger-halo)}.status-icon svg{stroke-width:2.5px;width:26px;height:26px}.helper-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--r-lg);text-align:left;width:100%;max-width:380px;padding:16px 20px}.helper-card .helper-title{color:var(--app-text-secondary);font-size:15px;font-weight:600}.helper-card ul{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.helper-card ul li{color:var(--app-text-tertiary);gap:8px;font-size:14px;line-height:22px;display:flex}.helper-card ul li:before{content:"•";color:var(--app-text-tertiary);flex-shrink:0}.foot-link{color:var(--app-text-secondary);text-align:center;transition:color .15s var(--ease);font-size:14px}.foot-link a{color:inherit;transition:color .15s var(--ease)}.foot-link a:hover{color:var(--cool-app)}.auth-shell a:focus-visible,.auth-shell button:focus-visible{outline:2px solid var(--warm);outline-offset:2px;border-radius:4px}.auth-shell input:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.oauth-button:hover,.btn-primary:hover{transform:none!important}}