.auth{--auth-control:52px;--auth-radius:14px;background:var(--ui-canvas);grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.auth-name{min-height:44px;color:var(--ui-ink);letter-spacing:-.03em;align-items:center;font-size:21px;font-weight:600;text-decoration:none;display:inline-flex}.auth-show,.auth-pitch{display:none}.auth-main{align-content:start;justify-items:center;gap:var(--ui-space-7);padding:var(--ui-space-4) var(--ui-space-5) var(--ui-space-8);display:grid}.auth-main>.auth-name{justify-self:start}.auth-panel{gap:var(--ui-space-5);width:min(100%,440px);display:grid}.auth-head{gap:var(--ui-space-2);display:grid}.auth-head h1{letter-spacing:-.03em;text-wrap:balance;font-size:38px;line-height:1.08}.auth-elsewhere{padding:var(--ui-space-3) var(--ui-space-4);border:var(--ui-stroke) solid var(--ui-ink);border-radius:var(--auth-radius);background:var(--ui-butter);font-size:var(--ui-text-sm);line-height:1.5}.auth-elsewhere a{color:inherit;text-underline-offset:3px;font-weight:600}.auth-ways{gap:var(--ui-space-3);display:grid}.auth-way,.auth-submit{width:100%;height:var(--auth-control);padding:0 var(--ui-space-4);border:var(--ui-stroke) solid var(--ui-ink);border-radius:var(--auth-radius);background:var(--ui-surface);color:var(--ui-ink);font:600 var(--ui-text-md) / 1 var(--ui-font);cursor:pointer;transition:background-color var(--ui-duration) var(--ui-ease-out), box-shadow var(--ui-duration) var(--ui-ease-out), translate var(--ui-duration) var(--ui-ease-out);justify-content:center;align-items:center;gap:10px;display:inline-flex}.auth-way svg{flex:none}.auth-discord{color:#5865f2}.auth-submit{background:var(--ui-mint);box-shadow:var(--ui-pop);font-size:16px;text-decoration:none}:is(.auth-way,.auth-submit):active:not(:disabled){box-shadow:none;translate:1px 1px}.auth-submit:active:not(:disabled){translate:3px 3px}:is(.auth-way,.auth-submit):disabled{cursor:default;opacity:.6}:is(.auth-way,.auth-submit)[aria-busy]{cursor:progress}:is(.auth-way,.auth-submit,.auth-more,.auth-small,.auth-reveal,.auth-dots button):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.auth-way:hover:not(:disabled){background:var(--ui-mint-soft)}.auth-submit:hover:not(:disabled){background:var(--ui-mint-strong)}}.auth-more,.auth-small{min-height:24px;color:var(--ui-muted);font:500 var(--ui-text-sm) / 1.4 var(--ui-font);cursor:pointer;background:0 0;border:0;justify-self:center;padding:0}.auth-more{color:var(--ui-ink);text-decoration:underline;-webkit-text-decoration-color:var(--ui-line-strong);text-decoration-color:var(--ui-line-strong);text-underline-offset:4px;font-size:14px}.auth-small{justify-self:start}.auth-small[data-centred]{justify-self:center}@media (hover:hover) and (pointer:fine){.auth-more:hover{text-decoration-color:currentColor}.auth-small:hover{color:var(--ui-ink)}}.auth-form{gap:var(--ui-space-4);display:grid}.auth-field{gap:6px;display:grid}.auth-box{position:relative}.auth-input{width:100%;height:var(--auth-control);border:var(--ui-stroke) solid var(--ui-ink);border-radius:var(--auth-radius);background:var(--ui-surface);color:var(--ui-ink);font:400 var(--ui-text-md) / 1.4 var(--ui-font);transition:border-color var(--ui-duration) var(--ui-ease-out), box-shadow var(--ui-duration) var(--ui-ease-out);padding:18px 15px 4px}.auth-input:focus{box-shadow:3px 3px 0 var(--ui-mint-strong);outline:none}.auth-box:has(.auth-reveal) .auth-input{padding-right:52px}.auth-box label{color:var(--ui-muted);font-size:var(--ui-text-md);pointer-events:none;transform-origin:0 0;transition:transform var(--ui-duration) var(--ui-ease-out);line-height:20px;position:absolute;top:16px;left:16px}.auth-input:focus+label,.auth-input:not(:placeholder-shown)+label{transform:translateY(-9px)scale(.8)}.auth-input:-webkit-autofill+label{transform:translateY(-9px)scale(.8)}.auth-reveal{width:40px;height:40px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}@media (hover:hover) and (pointer:fine){.auth-reveal:hover{background:var(--ui-sunken);color:var(--ui-ink)}}.auth-below{justify-content:space-between;align-items:center;gap:var(--ui-space-3);font-size:var(--ui-text-sm);display:flex}.auth-switch{font-size:var(--ui-text-md)}.auth-terms{color:var(--ui-muted);font-size:var(--ui-text-sm)}:is(.auth-switch,.auth-terms) a{color:var(--ui-ink);text-decoration:underline;-webkit-text-decoration-color:var(--ui-line-strong);text-decoration-color:var(--ui-line-strong);text-underline-offset:4px;font-weight:500}@media (hover:hover) and (pointer:fine){:is(.auth-switch,.auth-terms) a:hover{text-decoration-color:currentColor}}@media (width>=960px){.auth{grid-template-columns:minmax(480px,1fr) minmax(0,1.35fr);align-items:start}.auth-show{height:100dvh;padding:var(--ui-space-4) var(--ui-space-6) var(--ui-space-5);border-left:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-mint);grid-template-rows:minmax(0,1fr) auto;display:grid;position:sticky;top:0;overflow:hidden}.auth-pitch{height:100dvh;padding:var(--ui-space-8) clamp(var(--ui-space-6), 6vw, 112px);border-left:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-mint);align-items:center;display:grid;position:sticky;top:0;overflow-y:auto}.auth-main{padding:var(--ui-space-4) clamp(var(--ui-space-6), 6vw, 112px) var(--ui-space-8);justify-items:start}.auth-panel{margin-top:clamp(0px,12vh - 76px,60px)}}.auth-stage{place-items:center;min-height:0;display:grid}.auth-scene{justify-items:center;gap:var(--ui-space-6);opacity:0;visibility:hidden;width:100%;transition:opacity .7s var(--ui-ease-out), visibility 0s .7s;grid-area:1/1;margin:0;display:grid}.auth-scene[data-shown]{opacity:1;visibility:visible;transition:opacity .7s var(--ui-ease-out)}.auth-cards{aspect-ratio:1/.9;width:min(100%,700px,111.111dvh - 244.444px);position:relative}.auth-card{aspect-ratio:3/4;border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-surface);height:auto;box-shadow:var(--ui-shadow);object-fit:cover;object-position:top;transition:transform .9s var(--ui-ease-out);border-radius:14px;position:absolute}.auth-card[data-place=main]{width:60%;top:0;left:20%}.auth-card[data-place=left]{width:33%;bottom:4%;left:0;transform:translateY(12px)}.auth-card[data-place=right]{width:33%;bottom:14%;right:0;transform:translateY(-12px)}.auth-scene[data-shown] .auth-card{transform:none}.auth-scene figcaption{color:var(--ui-ink);font:600 var(--ui-text-lg) / 1.3 var(--ui-display);text-align:center}.auth-dots{justify-content:flex-end;display:flex}.auth-dots button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;display:grid}.auth-dots button:after{content:"";border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-surface);width:10px;height:10px;transition:background-color var(--ui-duration) var(--ui-ease-out);border-radius:999px}.auth-dots button[aria-current]:after{background:var(--ui-ink)}.auth-pitch-body{gap:var(--ui-space-7);width:min(100%,520px);display:grid}.auth-pitch-head{gap:var(--ui-space-3);display:grid}.auth-pitch-tag{border:var(--ui-stroke) solid var(--ui-ink);border-radius:var(--ui-radius-pill);background:var(--ui-butter);color:var(--ui-ink);font-size:var(--ui-text-sm);justify-self:start;padding:4px 10px;font-weight:700}.auth-pitch-head h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,2.8vw,44px);font-weight:700;line-height:1.08}.auth-features{gap:var(--ui-space-5);margin:0;padding:0;list-style:none;display:grid}.auth-features li{gap:var(--ui-space-4);animation:auth-rise .6s var(--ui-ease-out) both;animation-delay:calc(80ms + var(--auth-at,0) * 60ms);grid-template-columns:40px minmax(0,1fr);align-items:start;display:grid}.auth-feature-mark{border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-surface);width:40px;height:40px;box-shadow:var(--ui-pop-sm);color:var(--ui-ink);border-radius:12px;place-items:center;display:grid}.auth-features li:nth-child(4n+1) .auth-feature-mark{background:var(--ui-butter)}.auth-features li:nth-child(4n+2) .auth-feature-mark{background:var(--ui-pink)}.auth-features li:nth-child(4n+3) .auth-feature-mark{background:var(--ui-sky)}.auth-features li:nth-child(4n+4) .auth-feature-mark{background:var(--ui-lilac)}.auth-feature-title{color:var(--ui-ink);font-size:var(--ui-text-md);font-weight:700;line-height:1.4}.auth-feature-words{color:color-mix(in srgb, var(--ui-ink) 80%, transparent);font-size:var(--ui-text-sm);line-height:1.5}.auth-pitch-note{padding-top:var(--ui-space-5);border-top:var(--ui-stroke) solid var(--ui-ink);color:color-mix(in srgb, var(--ui-ink) 80%, transparent);font-size:var(--ui-text-sm)}@keyframes auth-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.auth-features li{animation:none}.auth-scene,.auth-scene[data-shown],.auth-card,.auth-box label{transition:none}.auth-card[data-place]{transform:none}}
