.auth-shell{position:relative;display:grid;place-items:center;min-height:min(920px,calc(100vh - 11rem));border-radius:var(--l-radius);overflow:hidden}.auth-shell:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent 74%,var(--l-bg) 99%)}.auth-shell--split{place-items:stretch;grid-template-columns:minmax(360px,41%) 1fr}.auth-shell--split:after{content:none}.auth-panel{position:relative;z-index:2;display:grid;place-items:center;padding:56px 48px;background:var(--l-bg)}.auth-canvas{position:relative;overflow:hidden}.auth-canvas:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(to right,var(--l-bg),transparent 14%),linear-gradient(to bottom,transparent 76%,var(--l-bg) 99%)}@media (max-width:899px){.auth-shell--split{display:block}.auth-shell--split .auth-canvas{position:absolute;inset:0}.auth-shell--split .auth-canvas:after{background:linear-gradient(to bottom,transparent 80%,var(--l-bg) 99%)}.auth-shell--split .auth-panel{min-height:min(760px,calc(100vh - 11rem));padding:48px 20px;background:color-mix(in srgb,var(--l-bg) 94%,transparent);backdrop-filter:blur(14px)}}.auth-panel .auth-card{max-width:23rem;padding:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none}.auth-panel .auth-card form>p:not(dialog *),.auth-panel .auth-title,.auth-panel .auth-title+p{text-align:left}.auth-mark{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--l-ink)}.auth-mark span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--l-cta-grad);color:var(--l-accent-ink)}.auth-mark svg{width:16px;height:16px}.auth-mosaic{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;grid-auto-flow:dense;gap:14px;padding:14px}@media (min-width:700px){.auth-mosaic{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.auth-mosaic{grid-template-columns:repeat(4,1fr)}}@media (min-width:1400px){.auth-mosaic{grid-template-columns:repeat(5,1fr)}}.auth-tile--tall{grid-row:span 2}.auth-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:18px;border-radius:22px;color:#ffffff;background-image:linear-gradient(135deg,var(--t-from),var(--t-to));box-shadow:0 14px 34px rgba(11,14,26,.22);transition:transform .45s ease;animation:auth-tile-in .55s cubic-bezier(.2,.7,.2,1) backwards}.auth-tile:hover{transform:translateY(-4px) scale(1.03)}@keyframes auth-tile-in{0%{opacity:0;transform:translateY(16px) scale(.97)}}.auth-tile svg{position:absolute;top:18px;left:18px;width:30px;height:30px;opacity:.95;filter:drop-shadow(0 2px 6px rgba(11,14,26,.4))}.auth-tile--photo{padding:0;background-image:none}.auth-tile--photo img{-o-object-fit:cover;object-fit:cover}.auth-tile-cap{position:relative;z-index:2;padding:30px 18px 16px}.auth-tile--photo .auth-tile-cap{position:absolute;inset:auto 0 0 0}.auth-tile-cap:before{content:"";position:absolute;inset:-40px -18px -18px;z-index:-1;background-image:linear-gradient(0deg,rgba(11,14,26,.8),transparent)}.auth-tile:not(.auth-tile--photo) .auth-tile-cap{padding:0}.auth-tile:not(.auth-tile--photo) .auth-tile-cap:before{inset:-60px -18px -18px;background-image:linear-gradient(0deg,rgba(11,14,26,.45),transparent)}.auth-tile-sub{font-size:11.5px;font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.88);text-shadow:0 1px 4px rgba(11,14,26,.6)}.auth-tile-title{margin-top:3px;font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:#ffffff;text-shadow:0 2px 8px rgba(11,14,26,.65)}.auth-g1{--t-from:var(--l-accent);--t-to:var(--l-accent-2)}.auth-g2{--t-from:var(--l-accent-2);--t-to:var(--l-spark)}.auth-g3{--t-from:var(--l-spark);--t-to:var(--l-highlight)}.auth-g4{--t-from:var(--l-highlight);--t-to:var(--l-accent)}.auth-g5{--t-from:var(--l-accent);--t-to:var(--l-spark)}.auth-g6{--t-from:var(--l-accent-2);--t-to:var(--l-highlight)}.auth-g7{--t-from:var(--l-spark);--t-to:var(--l-accent-2)}.auth-g8{--t-from:var(--l-highlight);--t-to:var(--l-accent-2)}.auth-wash{position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--l-bg) 10%,transparent)}html.dark .auth-wash{background:color-mix(in srgb,var(--l-bg) 28%,transparent)}.auth-focus{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 30rem 26rem at 50% 50%,color-mix(in srgb,var(--l-bg) 96%,transparent) 0,color-mix(in srgb,var(--l-bg) 82%,transparent) 40%,transparent 78%)}.auth-shell .landing-sky{z-index:3}.auth-shell .landing-sky .blob{opacity:.3}.auth-center{position:relative;z-index:4;width:100%;display:grid;place-items:center;padding:40px 16px}.auth-card{width:100%;max-width:25.5rem;padding:44px 40px;border-radius:28px;background:color-mix(in srgb,var(--l-card) 94%,transparent);border:none;backdrop-filter:blur(20px) saturate(1.1);box-shadow:var(--l-shadow),var(--l-shadow-lg),inset 0 1px 0 var(--l-line-2)}.auth-card label:not(dialog *){font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--l-ink-60)}.auth-card input:not(dialog *){height:50px;border-radius:14px;border:1.5px solid var(--l-line-2);background:color-mix(in srgb,var(--l-bg) 66%,transparent);padding:0 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.auth-card input:focus:not(dialog *){border-color:var(--l-accent);outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--l-accent) 18%,transparent)}.auth-card button[type=submit]:not(dialog *){width:100%;height:50px;margin-top:4px;border-radius:14px;border:none;background:var(--l-cta-grad);color:var(--l-accent-ink);font-size:15px;font-weight:700;letter-spacing:.01em;box-shadow:0 8px 22px color-mix(in srgb,var(--l-accent) 30%,transparent);transition:transform .14s,filter .14s}.auth-card button[type=submit]:hover:not(:disabled):not(dialog *){transform:translateY(-1px);filter:brightness(1.06)}.auth-card button[type=submit]:active:not(:disabled):not(dialog *){transform:translateY(0)}.auth-card a:not(dialog *){font-weight:600;color:var(--l-accent);text-decoration:none}.auth-card a:hover:not(dialog *){text-decoration:underline}.auth-title{text-align:center;font-size:clamp(30px,3.4vw,40px);line-height:1.08;letter-spacing:-.03em;font-weight:800}.auth-title .l-grad{background:var(--l-grad);-webkit-background-clip:text;background-clip:text;color:transparent}@media (prefers-reduced-motion:reduce){.auth-tile{transition:none;animation:none}}