.auth-shell{justify-content:center;padding:32px 16px 64px;display:flex}@media (min-width:769px){.auth-shell{padding:44px 20px 80px}}.auth-shell{--input-bg:var(--primary-700)}.auth-shell .auth-card{background:var(--primary-800);width:100%;max-width:440px;box-shadow:0 1px 0 0 var(--white-5) inset, 0 24px 60px -24px #0000008c;border-radius:16px;overflow:hidden}@media (min-width:920px){.auth-shell .auth-card{grid-template-columns:1.2fr 1fr;max-width:1200px;display:grid}}.auth-shell .auth-rail{display:none}@media (min-width:920px){.auth-shell .auth-rail{background:radial-gradient(130% 120% at 0% 0%, color-mix(in oklch, var(--secondary-500) 24%, transparent), transparent 52%), linear-gradient(160deg, var(--primary-900) 0%, var(--primary-1000) 60%);padding:56px;display:flex;position:relative;overflow:hidden}}.auth-shell .auth-rail .grid{background-image:radial-gradient(var(--white-5) 1px, transparent 1px);pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.auth-shell .auth-rail .glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklch, var(--secondary-500) 26%, transparent), transparent 70%);filter:blur(12px);pointer-events:none;border-radius:50%;width:65%;position:absolute;inset:auto -25% -35% auto}.auth-shell .auth-rail .inner{z-index:1;flex-direction:column;width:100%;display:flex;position:relative}.auth-shell .auth-rail .logo{align-self:flex-start;width:37px;height:44px}.auth-shell .auth-rail .main{margin:auto 0;padding:44px 0}.auth-shell .auth-rail .headline{font-size:var(--font-size-display-md);line-height:var(--line-height-display-md);letter-spacing:var(--letter-spacing-display-md);font-weight:var(--font-bold);color:var(--white-100);max-width:18ch;margin-bottom:32px}@media (max-width:1080px){.auth-shell .auth-rail .headline{font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm);letter-spacing:var(--letter-spacing-display-sm)}}.auth-shell .auth-rail .points{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.auth-shell .auth-rail .points li{font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);color:var(--white-77);align-items:center;gap:12px;display:flex}.auth-shell .auth-rail .points li .icon{width:34px;height:34px;color:var(--secondary-500);background:color-mix(in oklch, var(--secondary-500) 14%, transparent);border:1px solid color-mix(in oklch, var(--secondary-500) 22%, transparent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.auth-shell .auth-rail .foot{border-top:1px solid var(--white-10);flex-direction:column;gap:14px;padding-top:28px;display:flex}.auth-shell .auth-rail .foot .label{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--white-30)}.auth-shell .auth-rail .games{align-items:center;gap:18px;display:flex}.auth-shell .auth-rail .games img{opacity:.4;transition:opacity .16s}.auth-shell .auth-rail .games .more{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--white-40);white-space:nowrap}@media (hover:hover){.auth-shell .auth-rail:hover .games img{opacity:.65}}.auth-shell .auth-panel{padding:36px 28px}@media (min-width:769px){.auth-shell .auth-panel{padding:52px 56px}}@media (min-width:920px){.auth-shell .auth-panel{flex-direction:column;justify-content:center;padding:64px;display:flex}}.auth-shell .auth-panel-inner{width:100%}@media (min-width:920px){.auth-shell .auth-panel-inner{max-width:420px;margin:0 auto}}.auth-shell .auth-panel-inner .head{margin-bottom:28px}.auth-shell .auth-panel-inner .title{font-size:var(--font-size-display-xs);line-height:var(--line-height-display-xs);font-weight:var(--font-bold);color:var(--white-100);margin:0}.auth-shell .auth-panel-inner .subtitle{font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);color:var(--white-50);margin:8px 0 0}.auth-shell .auth-panel-inner .body{flex-direction:column;display:flex}.auth-shell .auth-panel-inner .foot{border-top:1px solid var(--white-5);text-align:center;font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--white-50);margin-top:28px;padding-top:20px}