@import "https://fonts.googleapis.com/css2?family=Sora:wght@200;300;400&family=JetBrains+Mono:wght@300;400;500&display=swap";
.auth-hero,.auth-mobile-menu{--auth-display:"Sora", "Helvetica Neue", Helvetica, Arial, sans-serif;--auth-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--auth-dim:#ffffff9e;--auth-line:#ffffff42;--auth-gutter:clamp(20px, 5vw, 100px);--auth-ease:cubic-bezier(.16, 1, .3, 1);font-family:var(--auth-display);-webkit-font-smoothing:antialiased;color:#fff;background:#000}.auth-hero{isolation:isolate;grid-template-rows:auto 1fr auto;width:100%;height:100svh;min-height:640px;display:grid;position:relative;overflow:hidden}.auth-media{z-index:-1;background:#000 50%/cover no-repeat;position:absolute;inset:0}.auth-media video{object-fit:cover;object-position:center;width:100%;height:100%}.auth-media:after{content:"";background:linear-gradient(90deg,#0000 0% 45%,#00000073 72%,#000000b8 100%),linear-gradient(#0000008c 0%,#0000 22% 78%,#000000a6 100%);position:absolute;inset:0}html body .auth-hero .auth-nav{color:#fff;text-transform:none;height:auto;padding:clamp(20px, 2.4vw, 34px) var(--auth-gutter);padding-top:max(clamp(20px, 2.4vw, 34px), env(safe-area-inset-top));background:0 0;border:0;justify-content:space-between;align-items:center;gap:32px;display:flex}.auth-logo{font:200 clamp(20px, 1.75vw, 30px)/1 var(--auth-display);letter-spacing:.16em}.auth-desktop-nav{align-items:center;gap:clamp(24px,3.2vw,62px);margin:0;display:flex}.auth-desktop-nav a,.auth-nav-cta,.auth-menu-toggle,html body .auth-hero .auth-motion{font:400 clamp(11px, .78vw, 14px)/1.5 var(--auth-mono);letter-spacing:.18em;text-transform:uppercase}.auth-nav-cta{border:1px solid var(--auth-line);padding:clamp(12px,1vw,17px) clamp(20px,1.8vw,32px);display:inline-block}.auth-hero a,.auth-mobile-menu a{color:#fff;transition:color .25s,background .25s,border-color .25s}.auth-hero a:hover,.auth-mobile-menu a:hover{color:var(--auth-dim)}.auth-nav-cta:hover{background:#ffffff0d;border-color:#ffffff80}.auth-body{width:100%;max-width:none;height:100%;min-height:0;padding:24px var(--auth-gutter);justify-content:flex-end;align-items:center;margin:0;display:flex;overflow-y:auto}.auth-panel{flex-shrink:0;width:min(34vw,620px);min-width:380px;margin-block:auto}.auth-chip{font:400 clamp(11px, .72vw, 14px)/1 var(--auth-mono);text-transform:uppercase;letter-spacing:.2em;background:#ffffff17;padding:clamp(9px,.8vw,14px) clamp(14px,1.1vw,20px);display:inline-block}.auth-panel h1{font:200 clamp(54px, 6.2vw, 118px)/.95 var(--auth-display);letter-spacing:.03em;margin:clamp(28px,3vw,52px) 0 0}.auth-tagline{font:300 clamp(11px, .94vw, 17px)/1.4 var(--auth-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--auth-dim);margin:clamp(14px,1.4vw,24px) 0 0}html body .auth-hero .auth-forms{margin-top:clamp(30px,3.2vw,64px)}html body .auth-hero .auth-forms form{flex-direction:column;gap:clamp(14px,1.3vw,22px);display:flex}html body .auth-hero .auth-forms label{margin:0;display:block}.auth-field-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html body .auth-hero .auth-forms input{border:0;border-bottom:1px solid var(--auth-line);color:#fff;width:100%;font:300 clamp(16px, .95vw, 18px)/1.5 var(--auth-display);box-shadow:none;background:0 0;border-radius:0;padding:0 2px clamp(12px,1.1vw,18px);transition:border-color .25s}html body .auth-hero .auth-forms input::placeholder{color:var(--auth-dim);opacity:1}html body .auth-hero .auth-forms input:focus{border-bottom-color:#ffffffd9}html body .auth-hero .auth-forms input:focus::placeholder{color:#ffffff6b}html body .auth-hero .auth-forms button{color:#fff;width:100%;font:400 clamp(11px, .78vw, 14px)/1.5 var(--auth-mono);letter-spacing:.22em;text-transform:uppercase;background:#ffffff1a;border:0;border-radius:0;padding:clamp(17px,1.6vw,27px) 20px;transition:background .25s,color .25s}html body .auth-hero .auth-forms button:hover:not(:disabled){background:#ffffff2b}html body .auth-hero .auth-forms button.secondary{background:#ffffff0d}html body .auth-hero .auth-forms button:disabled{opacity:.6;cursor:not-allowed}html body .auth-hero .auth-forms form>p:last-child{text-align:right;font:400 11px/1.5 var(--auth-mono);margin:0 0 16px}html body .auth-hero .auth-forms .muted,html body .auth-hero .auth-forms [role=alert],.auth-unavailable{color:var(--auth-dim);font-size:12px;line-height:1.6}html body .auth-hero .auth-forms [role=alert]{color:#ffc5bd;margin:0}html body .auth-hero .auth-forms .muted{margin:10px 0 0}.auth-invitation{text-align:center;font:400 clamp(11px, .74vw, 14px)/1.6 var(--auth-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--auth-dim);margin:clamp(22px,2.6vw,46px) 0 0}.auth-invitation a{text-underline-offset:4px;text-decoration:underline}.auth-footer{padding:clamp(18px, 1.7vw, 30px) var(--auth-gutter);padding-bottom:max(clamp(18px, 1.7vw, 30px), env(safe-area-inset-bottom));font:300 clamp(12px, .82vw, 16px)/1.5 var(--auth-display);color:var(--auth-dim);text-align:center;border-top:1px solid #ffffff24;margin:0;display:block}html body .auth-hero .auth-motion{left:var(--auth-gutter);color:var(--auth-dim);background:0 0;border-radius:0;padding:8px 0;font-size:10px;position:absolute;bottom:100px}.auth-hero :is(a,button,input):focus-visible,.auth-mobile-menu :is(a,button):focus-visible{outline-offset:3px;outline:1px solid #ffffffb3}.auth-desktop-nav a,.auth-mobile-menu nav a{border-radius:0;margin:0}.auth-desktop-nav a:not(.auth-nav-cta){padding:0}.auth-mobile-menu nav{flex-wrap:nowrap;margin:0}.auth-desktop-nav a:last-child,.auth-mobile-menu nav a:last-child{margin:0}
.auth-menu-toggle{color:#fff;background:0 0;border:0;border-radius:0;width:44px;height:44px;padding:0;display:none;position:relative}.auth-menu-toggle span{width:22px;height:1px;transition:transform .45s var(--auth-ease), opacity .25s ease, top .45s var(--auth-ease);background:#fff;position:absolute;top:16px;left:50%;transform:translate(-50%)}.auth-menu-toggle span:nth-child(2){top:22px}.auth-menu-toggle span:nth-child(3){top:28px}.auth-menu-toggle.is-open span:first-child{top:22px;transform:translate(-50%)rotate(45deg)}.auth-menu-toggle.is-open span:nth-child(2){opacity:0;transform:translate(-50%)scaleX(0)}.auth-menu-toggle.is-open span:last-child{top:22px;transform:translate(-50%)rotate(-45deg)}.auth-mobile-menu{-webkit-backdrop-filter:blur(28px)saturate(140%);backdrop-filter:blur(28px)saturate(140%);opacity:0;clip-path:circle(3% at calc(100% - 42px) 42px);width:100%;max-width:none;height:100%;max-height:none;transition:clip-path .7s var(--auth-ease), opacity .45s ease, display .7s allow-discrete, overlay .7s allow-discrete;background:#040406f0;border:0;margin:0;padding:0;position:fixed;inset:0}.auth-mobile-menu[open]{opacity:1;clip-path:circle(150% at calc(100% - 42px) 42px)}.auth-mobile-menu::backdrop{background:0 0}.auth-mobile-menu>.auth-logo{top:34px;left:var(--auth-gutter);position:absolute}.auth-mobile-menu>button{top:20px;right:var(--auth-gutter);position:absolute}.auth-mobile-menu nav{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100%;display:flex}.auth-mobile-menu nav a{pointer-events:auto;font:400 clamp(20px, 5.5vw, 28px)/1.5 var(--auth-mono);letter-spacing:.14em;text-transform:uppercase;opacity:1;transition:opacity .4s ease, transform .5s var(--auth-ease);transform:translateY(0)}.auth-mobile-menu .auth-nav-cta{letter-spacing:.22em;padding:16px 40px}@starting-style{.auth-mobile-menu[open]{opacity:0;clip-path:circle(3% at calc(100% - 42px) 42px)}.auth-mobile-menu[open] nav a{opacity:0;transform:translateY(16px)}}body:has(.auth-mobile-menu[open]){overflow:hidden}@media (max-width:1100px){.auth-panel{width:min(70vw,520px);min-width:0}}@media (max-width:900px){.auth-desktop-nav{display:none}.auth-menu-toggle{display:block}}@media (max-width:720px){.auth-body{justify-content:center}.auth-panel{width:100%}.auth-media:after{background:linear-gradient(#0009 0%,#00000040 30%,#000000bf 100%)}html body .auth-hero .auth-motion{text-align:center;grid-row:4;padding:8px;position:static}.auth-footer{padding:16px var(--auth-gutter);font-size:11px}}@media (max-width:380px){.auth-panel h1{font-size:clamp(44px,15vw,64px)}}@media (max-height:640px){.auth-hero{min-height:100svh}html body .auth-hero .auth-nav{padding-block:12px}.auth-body{padding-block:14px}.auth-panel h1{margin-top:18px;font-size:clamp(36px,7vw,64px)}html body .auth-hero .auth-forms{margin-top:20px}html body .auth-hero .auth-forms form{gap:12px}html body .auth-hero .auth-forms button{padding:13px 20px}.auth-invitation{margin-top:16px}.auth-footer{padding-block:12px;font-size:11px}.auth-mobile-menu nav{gap:20px}}@media (prefers-reduced-motion:reduce){.auth-media video{display:none}.auth-hero *,.auth-mobile-menu,.auth-mobile-menu *{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}}
