.auth-layout{--auth-bg:color-mix(in oklch, var(--foreground) 2.5%, var(--background));--auth-line:color-mix(in oklch, var(--foreground) 9%, transparent);--auth-line-2:color-mix(in oklch, var(--foreground) 15%, transparent);--auth-ink:var(--foreground);--auth-muted:var(--muted-foreground);--auth-link:var(--brand-ink,var(--brand));isolation:isolate;background:var(--auth-bg);min-height:100svh;color:var(--auth-ink);grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);display:grid;position:relative;overflow:hidden}.auth-access{z-index:1;flex-direction:column;min-width:0;padding:28px 32px 24px;display:flex;position:relative}.auth-toolbar{justify-content:space-between;align-items:center;display:flex}.auth-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding-block:40px;display:flex}.auth-bezel{border:1px solid var(--auth-line);background:color-mix(in oklch, var(--foreground) 2.5%, transparent);width:100%;max-width:412px;box-shadow:0 50px 90px -50px color-mix(in oklch, var(--foreground) 35%, transparent);border-radius:18px;padding:6px}.auth-panel{border:1px solid var(--auth-line-2);background:var(--card);width:100%;color:var(--card-foreground);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--foreground) 4%, transparent);border-radius:13px;flex-direction:column;align-items:stretch;gap:20px;padding:32px 28px 28px;display:flex}.auth-footer{color:var(--auth-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:12px;display:flex}.auth-by{color:inherit;align-items:center;gap:6px;text-decoration:none;transition:color .2s;display:inline-flex}.auth-by span{color:var(--auth-ink);font-weight:500}.auth-by:hover{color:var(--auth-ink)}.auth-by:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:4px}.auth-xraph{width:15px;height:15px;color:var(--auth-ink)}.auth-visual{border:1px solid var(--auth-line);background:linear-gradient(130deg,#0000 30%,oklch(35% .09 245/.45) 42%,#0000 52%,oklch(45% .1 240/.4) 60%,#0000 72%),#080808;border-radius:18px;margin:12px 12px 12px 0;position:relative;overflow:hidden}.auth-silk{width:100%;height:100%;display:block;position:absolute;inset:0}.auth-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#050505d9 100%);position:absolute;inset:0}.auth-visual-copy{z-index:1;position:absolute;bottom:40px;left:40px;right:40px}.auth-logos{--tile:54px;--gap:16px;z-index:1;grid-template-columns:repeat(6, var(--tile));gap:26px var(--gap);grid-template-areas:"clouds clouds clouds clouds clouds clouds""langs langs core core conn conn""services services services services services services";display:grid;position:absolute;top:52px;left:50%;transform:translate(-50%)}.auth-group{flex-direction:column;gap:10px;min-width:0;display:flex}.auth-group.clouds{grid-area:clouds}.auth-group.langs{grid-area:langs}.auth-group.conn{grid-area:conn}.auth-group.services{grid-area:services}.auth-group.langs,.auth-group.conn,.auth-group.services{flex-direction:column-reverse}.auth-group ul{gap:var(--gap);margin:0;padding:0;list-style:none;display:flex}.auth-group-label{color:#b3b3b3cc;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:10.5px}.auth-group.conn .auth-group-label,.auth-group.conn ul{text-align:right;justify-content:flex-end}.auth-core{height:var(--tile);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);background:#0e121b66;border:1px solid #d6e6f533;border-radius:16px;grid-area:core;align-self:start;place-items:center;animation:6s ease-in-out infinite auth-core;display:grid;box-shadow:inset 0 1px #ffffff1a,0 0 56px -12px oklch(72% .115 240/.5)}.auth-core svg{width:30px;height:30px}@keyframes auth-core{50%{box-shadow:inset 0 1px #ffffff24,0 0 76px -10px oklch(72% .115 240/.7)}}.auth-logo{animation:7s ease-in-out infinite auth-float;animation-delay:calc(var(--i) * -.55s)}@keyframes auth-float{50%{transform:translateY(-6px)}}.auth-logo-glass{width:var(--tile,54px);height:var(--tile,54px);-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);color:#ccccccd9;animation:auth-glint var(--cycle) ease-in-out infinite;animation-delay:var(--delay);background:#0e121b52;border:1px solid #d6e6f51f;border-radius:15px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff14,0 22px 40px -26px #000000e6}.auth-logo-glass svg{fill:currentColor;width:22px;height:22px}@keyframes auth-glint{0%,12%,to{color:#ccccccd9;border-color:#d6e6f51f}5%{color:var(--c);border-color:color-mix(in oklch, var(--c) 45%, transparent);box-shadow:inset 0 1px 0 #ffffff1f, 0 0 28px -6px color-mix(in oklch, var(--c) 55%, transparent), 0 22px 40px -26px #000000e6}}.auth-headline{color:#f5f5f5;letter-spacing:-.045em;text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(36px,3.6vw,54px);font-weight:500;line-height:1}.auth-headline span{color:#d3dfee}.auth-points{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.auth-points li{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#c7c7c7;font-family:var(--font-mono,ui-monospace, monospace);background:#0b0e1480;border:1px solid #d6e6f524;border-radius:999px;padding:6px 12px;font-size:12px}.auth-card{width:100%;max-width:360px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0}.auth-card>div{padding-inline:0}.auth-card>div:first-child{text-align:left;gap:6px;padding-top:0;padding-bottom:24px}.auth-card>div:first-child>div:first-child{margin:0 0 28px}.auth-card>div:first-child>.font-semibold{letter-spacing:-.035em;margin:0;font-size:24px;line-height:1.2}.auth-card>div:first-child>div:last-child:not(.font-semibold){overflow-wrap:anywhere;max-width:38ch;margin:0;font-size:14px;line-height:1.5}.auth-card>div:last-child{border-top:1px solid var(--auth-line);text-align:left;justify-content:flex-start;margin-top:4px;padding-top:20px;padding-bottom:0}.auth-card :where(input:not([type=checkbox]):not([type=hidden])){border-radius:var(--radius-lg);height:32px;min-height:0;padding:4px 10px;font-size:16px}.auth-card input[autocomplete$=password]{padding-right:40px}.auth-card button[type=submit]{border-radius:var(--radius-lg);height:32px;min-height:0;padding-block:4px;font-size:14px}.auth-card a:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:2px}.auth-card :where(a){color:var(--auth-link)}@media (width>=768px){.auth-card :where(input:not([type=checkbox]):not([type=hidden])){font-size:14px}}@media (width<=1279px){.auth-logos{--tile:46px;--gap:12px}}@media (width<=1023px){.auth-layout{grid-template-columns:minmax(0,1fr)}.auth-visual{z-index:0;border:0;border-radius:0;height:300px;margin:0;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.auth-visual-copy,.auth-logos{display:none}}@media (width<=479px){.auth-access{padding:16px}.auth-panel{padding:24px 20px 20px}}@media (prefers-reduced-motion:reduce){.auth-logo,.auth-logo-glass,.auth-core{animation:none}.auth-points li{-webkit-backdrop-filter:none;backdrop-filter:none}}