.auth-screen{isolation:isolate;box-sizing:border-box;flex-direction:column;justify-content:flex-start;max-width:none;min-height:100svh;margin:0;padding:0 0 32px;display:flex;position:relative;overflow:hidden}.auth-screen:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 60% at 78% 45%,color-mix(in srgb,var(--auth-glow,#3a3a3a) 55%,transparent),transparent 70%);opacity:.55;position:absolute;inset:0}.auth-topbar{box-sizing:border-box;z-index:2;justify-content:space-between;align-items:center;gap:16px;width:min(1240px,100% - 64px);min-height:76px;margin:0 auto;display:flex;position:relative}.auth-home{display:flex}.auth-topbar .language-selector .card-font-picker-trigger{background:#ffffff08;border-color:#ffffff1a;border-radius:999px;min-height:38px;padding:7px 14px;font-size:13px}.auth-topbar .language-selector .card-font-picker-trigger:hover:not(:disabled){background:#ffffff12}.auth-layout{box-sizing:border-box;flex:1;grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);width:min(1240px,100% - 64px);margin:0 auto;padding:24px 0 40px;display:grid}.auth-card{box-sizing:border-box;border:1px solid var(--df-line);background:linear-gradient(#17181bf2,#121315f2);border-radius:28px;flex-direction:column;align-items:stretch;width:100%;padding:40px 38px 30px;animation:.5s cubic-bezier(.2,.8,.2,1) both auth-enter;display:flex;box-shadow:inset 0 1px #ffffff0f,0 40px 100px -40px #000c}.auth-card h1{letter-spacing:-.035em;text-align:left;text-wrap:balance;max-width:none;margin:0 0 28px;font-size:30px;font-weight:500;line-height:1.15}.auth-description{color:var(--df-muted);overflow-wrap:anywhere;margin:-14px 0 24px;font-size:14px;line-height:1.65}.auth-form{flex-direction:column;gap:18px;width:100%;min-width:0;display:flex}.auth-field{color:#cfcfca;flex-direction:column;gap:8px;min-width:0;font-size:13px;display:flex}.auth-field input{height:50px}.auth-password-input{position:relative}.auth-password-input input{padding-right:48px}.auth-password-toggle{color:#a3a39e;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;transition:color .2s,background-color .2s;display:grid;position:absolute;top:5px;right:5px}.auth-password-toggle:hover{color:#fff;background:#ffffff0d}.auth-password-hint{color:var(--df-faint);font-size:12px;line-height:1.5}.auth-password-meter{gap:4px;margin:2px 0 8px;display:flex}.auth-password-meter span{background:#ffffff17;border-radius:3px;flex:1;height:3px;transition:background-color .3s}.auth-password-meter[data-level="1"] span[data-filled=true]{background:#c9a26f}.auth-password-meter[data-level="2"] span[data-filled=true]{background:#9cc2ad}.auth-password-meter[data-level="3"] span[data-filled=true],.auth-password-meter[data-level="4"] span[data-filled=true]{background:#e9e9e4}.auth-primary,.auth-email-button{width:100%;min-height:50px;font:560 14px/1.3 var(--font-inter),system-ui,sans-serif;letter-spacing:-.01em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;transition:box-shadow .3s,background-color .2s,opacity .2s;display:flex}.auth-primary{color:#141414;background:linear-gradient(#fafaf7,#e4e4df);margin-top:4px;box-shadow:inset 0 1px #fff,0 0 0 1px #ffffff40,0 14px 38px -16px #ffffff59}.auth-primary:hover:not(:disabled){box-shadow:inset 0 1px #fff,0 0 0 1px #fff6,0 18px 48px -16px #ffffff80}.auth-email-button{color:var(--df-ink);background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1f}.auth-email-button:hover{background:#ffffff14;box-shadow:inset 0 0 0 1px #fff3}.auth-card .auth-action{margin:0}.auth-card .google-sign-in{border-color:#dadce0;border-radius:999px;width:100%;height:50px;font-size:14px}.auth-divider{color:var(--df-faint);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:14px;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--df-line);flex:1;height:1px}.auth-text-button{color:#c9c9c4;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:10px 0;font-size:13px;line-height:1.5;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40;transition:color .2s,text-decoration-color .2s;display:inline-flex}.auth-text-button:hover{color:#fff;text-decoration-color:#fff}.auth-forgot{align-self:flex-end;margin-top:-10px;padding:0}.auth-switch{border-top:1px solid var(--df-line);text-align:center;color:var(--df-muted);margin:26px 0 0;padding-top:22px;font-size:13px;line-height:1.7}.auth-switch a{color:var(--df-ink);text-underline-offset:4px;font-weight:500;-webkit-text-decoration:underline #fff5;text-decoration:underline #fff5}.auth-switch a:hover{text-decoration-color:#fff}.auth-feedback{overflow-wrap:anywhere;border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:13px;line-height:1.6}.auth-feedback.is-error{color:#f1b1ab;background:#e2707014;border:1px solid #e270702e}.auth-feedback.is-success{color:#a9dcc0;background:#7fc8a114;border:1px solid #7fc8a12e}.auth-footnote{text-align:center;max-width:none;color:var(--df-faint);margin:18px 0 0;font-size:12px;line-height:1.7}.auth-footnote a{color:#b4b4af;text-underline-offset:3px;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3}.auth-footnote a:hover{color:#fff}.auth-form .auth-footnote{text-align:left;margin:-4px 0 0}.auth-credit-code-toggle{color:var(--df-muted);align-self:flex-start;margin:-18px 0 14px;padding:4px 0;font-size:12.5px;text-decoration-color:#ffffff26}.auth-credit-code{color:var(--df-muted);gap:6px;margin:-12px 0 20px;font-size:12.5px;animation:.35s cubic-bezier(.2,.8,.2,1) both auth-enter}.auth-credit-code input{letter-spacing:.08em;text-transform:uppercase;height:42px;font-size:14px}.auth-credit-code-help{color:var(--df-faint);font-size:12px;line-height:1.5}.auth-field .auth-code-input{letter-spacing:.42em;text-indent:.42em;text-align:center;font-variant-numeric:tabular-nums;height:68px;font-size:30px;font-weight:500}.auth-screen button:disabled{cursor:default;opacity:.5}.auth-dialog{box-sizing:border-box;width:min(420px,100% - 32px);max-height:calc(100svh - 32px);color:var(--df-ink);background:linear-gradient(#17181b,#121315);border:1px solid #ffffff1f;border-radius:24px;padding:32px;overflow:auto;box-shadow:inset 0 1px #ffffff0f,0 40px 120px #000b}.auth-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009}.auth-dialog h2{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:500}.auth-dialog .auth-description,.auth-dialog .auth-feedback{margin:0}.auth-showcase{border:1px solid var(--df-line);background:radial-gradient(ellipse 70% 60% at 50% 45%,color-mix(in srgb,var(--auth-glow,#3a3a3a) 35%,transparent),transparent 75%),linear-gradient(180deg,#ffffff07,#ffffff02);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:min(640px,72svh);padding:36px 32px 40px;animation:.7s cubic-bezier(.2,.8,.2,1) .1s both auth-enter;display:flex;position:relative;overflow:hidden}.auth-slides{place-items:center;width:100%;display:grid}.auth-slide{flex-direction:column;grid-area:1/1;align-items:center;width:100%;display:flex}.auth-slide.is-out{pointer-events:none;animation:.6s both auth-slide-out}.auth-showcase-wordmark{object-fit:contain;filter:drop-shadow(0 8px 18px #0008);width:auto;max-width:56%;height:78px}.auth-slide.is-in .auth-showcase-wordmark{animation:.7s cubic-bezier(.2,.8,.2,1) .25s both auth-enter}.auth-fan{aspect-ratio:1.7;width:min(100%,560px);margin:30px 0 -24px;animation:8s ease-in-out infinite auth-float;position:relative}.auth-fan-card{transform-origin:50% 85%;border-radius:10px;width:28%;height:auto;position:absolute;top:6%;left:36%;box-shadow:0 22px 45px #0009,0 0 0 1px #ffffff24}.auth-slide.is-in .auth-fan-card{animation:auth-deal .75s calc(.3s + var(--i) * 90ms) cubic-bezier(.2,.8,.2,1) both}.auth-fan-card.is-back{transform:translate(-92%,12%)rotate(-21deg)}.auth-fan-card.is-face-0{z-index:2;transform:translate(-34%)rotate(-8deg)}.auth-fan-card.is-face-1{z-index:3;transform:translate(28%,1%)rotate(7deg)}.auth-fan-card.is-face-2{z-index:1;transform:translate(88%,15%)rotate(20deg)}.auth-tagline{letter-spacing:-.05em;text-align:center;max-width:none;color:var(--df-ink);margin:8px 0 0;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.06}.auth-tagline em{letter-spacing:-.025em;font-size:1.18em}.auth-screen>.site-footer-compact{padding-top:8px}.auth-showcase-dots{gap:6px;margin-top:22px;display:flex}.auth-showcase-dots span{background:#ffffff2b;border-radius:3px;width:16px;height:3px;transition:width .45s cubic-bezier(.2,.8,.2,1),background-color .3s}.auth-showcase-dots span[data-active]{background:#fff;width:34px}@keyframes auth-enter{0%{opacity:0;transform:translateY(14px)}}@keyframes auth-float{50%{translate:0 -8px}}@keyframes auth-deal{0%{opacity:0;transform:translate(-30%,10%)rotate(-14deg)scale(.96)}}@keyframes auth-slide-out{to{opacity:0;transform:translateY(-10px)scale(.98)}}@media (max-width:980px){.auth-layout{grid-template-columns:minmax(0,460px);justify-content:center;padding-top:12px}.auth-showcase{display:none}.auth-screen:before{background:radial-gradient(ellipse 80% 50% at 50% 20%,color-mix(in srgb,var(--auth-glow,#3a3a3a) 55%,transparent),transparent 70%)}}@media (max-width:520px){.auth-topbar,.auth-layout{width:calc(100% - 32px)}.auth-topbar{min-height:64px}.auth-logo{width:140px}.auth-card{border-radius:24px;padding:30px 22px 24px}.auth-card h1{margin-bottom:24px;font-size:26px}.auth-field .auth-code-input{letter-spacing:.32em;text-indent:.32em;font-size:26px}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-credit-code,.auth-showcase,.auth-fan,.auth-slide,.auth-fan-card,.auth-showcase-wordmark{animation:none!important}.auth-primary,.auth-email-button,.auth-text-button,.auth-password-toggle{transition:none}}@property --auth-glow{syntax:"<color>";inherits:true;initial-value:#3a3a3a}.auth-showcase{transition:--auth-glow 1.2s}.auth-topbar,.auth-layout{width:min(1320px,100% - 112px)}.auth-topbar{min-height:72px}.auth-logo{width:140px}@media (max-width:1180px){.auth-topbar,.auth-layout{width:calc(100% - 64px)}}@media (max-width:560px){.auth-topbar,.auth-layout{width:calc(100% - 40px)}.auth-topbar{min-height:64px}}@media (max-width:420px){.auth-logo{width:112px}}