:root{color-scheme: dark;--paper: #080b0c;--room: #0d1512;--ink: #eef3f0;--ink-2: #9caaa4;--hairline: rgba(191,227,209,.16);--signal: #9df5cb;--well: #101916;--bad: #ffaaa0;--good: #9df5cb;--ease: cubic-bezier(.22,1,.36,1)}*{box-sizing: border-box;margin: 0;padding: 0}html{min-height: 100%;background: var(--paper);scrollbar-color: #354c40 var(--paper)}body{min-width: 280px;min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column;color: var(--ink);background: var(--paper);font: 15px/1.6 'Schibsted Grotesk',sans-serif}button,input{font: inherit}button,a{touch-action: manipulation;-webkit-tap-highlight-color: transparent}button{cursor: pointer}a{color: inherit;text-underline-offset: 4px}a:hover{color: var(--signal)}:focus-visible{outline: 2px solid var(--signal);outline-offset: 5px}::selection{color: #0a2318;background: var(--signal)}[hidden]{display: none !important}.skip-link{position: fixed;top: -100px;left: 16px;z-index: 10;padding: 12px 18px;background: var(--signal);color: var(--paper);border-radius: 8px}.skip-link:focus{top: 12px}.auth-header{display: flex;justify-content: space-between;align-items: center;gap: 20px;width: min(1280px,calc(100% - 96px));margin-inline: auto;padding-top: max(24px,env(safe-area-inset-top));padding-bottom: 24px}#brand{display: inline-flex;align-items: center;gap: 10px;text-decoration: none}#brand img{width: 42px;height: 42px;object-fit: contain;border-radius: 10px;mix-blend-mode: screen}.wordmark{font: 700 26px/1 'Bricolage Grotesque',sans-serif;letter-spacing: -.03em}.back-home{display: inline-flex;align-items: center;gap: 10px;min-height: 44px;font-size: 13px;color: var(--ink-2);text-decoration: none;transition: color .2s}@media (max-width: 600px){.auth-header{width: calc(100% - 40px);padding-block: max(18px,env(safe-area-inset-top)) 18px}#brand img{width: 36px;height: 36px}.wordmark{font-size: 23px}.back-home{font-size: 12px;gap: 7px}}#stage{flex: 1;display: grid;grid-template-columns: minmax(0,1.12fr) minmax(0,1fr);align-items: center;width: min(1200px,calc(100% - 96px));margin-inline: auto;padding-block: 22px 48px}#hero{position: relative;align-self: stretch;display: flex;flex-direction: column;justify-content: center;min-width: 0;padding: 0 70px 0 12px;border-right: 1px solid var(--hairline)}.ribbon-art{position: relative;width: min(440px,100%);align-self: center;aspect-ratio: 1;margin: -36px 0 -18px;mix-blend-mode: screen}.ribbon-art::before{content: '';position: absolute;inset: 12% -14% -8%;z-index: -1;background: radial-gradient(ellipse,rgba(80,171,125,.13),transparent 67%)}.ribbon-art img{display: block;width: 100%;height: auto;mix-blend-mode: screen;transform: translate(var(--ribbon-x,0px),var(--ribbon-y,0px)) rotate(-8deg);transition: transform 700ms var(--ease);animation: ribbon-arrive 1s var(--ease) backwards}@keyframes ribbon-arrive{from{clip-path: inset(0 0 18% 0);transform: translateY(14px) rotate(-13deg)}to{clip-path: inset(0);transform: rotate(-8deg)}}.hero-copy{position: relative;padding-bottom: 20px}#h-line{font: 600 clamp(44px,4.4vw,64px)/1.04 'Bricolage Grotesque',sans-serif;letter-spacing: -.04em;text-wrap: balance}#h-line span{color: var(--signal)}.h-sub{max-width: 41ch;margin-top: 24px;color: var(--ink-2);font-size: 15px;line-height: 1.8}.workspace-link{display: inline-flex;align-items: center;gap: 12px;min-height: 44px;margin-top: 20px;color: var(--ink);text-decoration: none;font-size: 13px}.workspace-link svg{color: var(--signal);transition: transform .25s var(--ease)}.workspace-link:hover svg{transform: translateX(4px)}#card{width: 100%;max-width: 460px;justify-self: end;padding-left: 56px}#card:focus{outline: none}.inner{position: relative}.c-h{margin-bottom: 12px;font: 600 36px/1.12 'Bricolage Grotesque',sans-serif;letter-spacing: -.035em;text-wrap: balance}.c-h:focus{outline: none}.c-sub{margin-bottom: 28px;font-size: 14px;line-height: 1.7;color: var(--ink-2);overflow-wrap: anywhere}.c-sub b{font-weight: 500;color: var(--ink)}.view{display: none}.view.on{display: block;animation: view-in .3s var(--ease) both}@keyframes view-in{from{opacity: .55;transform: translateY(8px)}to{opacity: 1;transform: none}}.account-note{display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 30px;padding-top: 22px;border-top: 1px solid var(--hairline);color: var(--ink-2);font-size: 11px}.account-note svg{flex: none;color: var(--signal)}@media (min-width: 1500px){#stage{padding-block: 40px 64px}}@media (max-width: 1050px){#stage{width: calc(100% - 64px);grid-template-columns: minmax(0,1fr) minmax(0,1.1fr)}#hero{padding-right: 36px;padding-left: 0}#card{padding-left: 36px}#h-line{font-size: 46px}}@media (max-width: 800px),(max-height: 500px) and (pointer: coarse){#stage{display: flex;justify-content: center;align-items: center;width: calc(100% - 48px);padding-block: 44px 52px}#hero{display: none}#card{max-width: 400px;padding: 0}.c-h{font-size: 34px}}@media (max-width: 380px){#stage{width: calc(100% - 32px);padding-top: 28px}.c-h{font-size: 31px}.account-note{font-size: 10px}}.fld{position: relative;display: flex;flex-direction: column;gap: 8px;margin-bottom: 18px}.fld label{order: -1;color: #cbd8d2;font-size: 12px;font-weight: 500}.fld input{width: 100%;height: 50px;padding: 12px 15px;border-radius: 10px;border: 1px solid rgba(191,227,209,.21);color: var(--ink);background: var(--well);font-size: 16px;outline: none;caret-color: var(--signal);transition: border-color .2s,background .2s}.fld input:focus{border-color: var(--signal);background: #14231c;outline: 2px solid rgba(157,245,203,.18);outline-offset: 2px}.fld input::placeholder{color: #899d92}.fld input:-webkit-autofill{-webkit-text-fill-color: var(--ink);box-shadow: inset 0 0 0 100px var(--well);caret-color: var(--signal)}.fld .eye{position: absolute;right: 4px;bottom: 3px;display: grid;place-items: center;width: 44px;height: 44px;border: 0;border-radius: 8px;color: var(--ink-2);background: transparent}.fld .eye:hover{background: rgba(157,245,203,.07);color: var(--signal)}.fld .eye svg{width: 18px;height: 18px}.fld input.haseye{padding-right: 52px}.fld.err input{border-color: var(--bad)}.meter{display: flex;align-items: center;gap: 5px;margin: -6px 0 18px}.meter i{flex: 1;height: 3px;border-radius: 2px;background: var(--hairline);transition: background .2s}.meter.s1 i:nth-child(-n+1){background: var(--bad)}.meter.s2 i:nth-child(-n+2){background: #e9bf7d}.meter.s3 i:nth-child(-n+3){background: #c5e59e}.meter.s4 i:nth-child(-n+4){background: var(--good)}.meter b{min-width: 48px;text-align: right;color: var(--ink-2);font-size: 11px;font-weight: 400}.caps{display: none;margin: -8px 0 15px;color: #e9bf7d;font-size: 12px}.caps.on{display: block}.msg{display: none;margin-bottom: 20px;border-radius: 10px;padding: 12px 14px;font-size: 13px;line-height: 1.6;overflow-wrap: anywhere}.msg.on{display: block}.msg.bad{color: var(--bad);background: #281b1a;border: 1px solid rgba(255,170,160,.25)}.msg.good{color: var(--good);background: #13271d;border: 1px solid rgba(157,245,203,.22)}.code6{display: flex;gap: 8px;margin: 8px 0 24px}.code6 input{width: 100%;min-width: 0;height: 58px;border: 1px solid var(--hairline);border-radius: 10px;background: var(--well);color: var(--ink);caret-color: var(--signal);text-align: center;font-size: 24px;font-variant-numeric: tabular-nums}.code6 input:focus{border-color: var(--signal);outline: 2px solid rgba(157,245,203,.18);outline-offset: 2px}.code6.err input{border-color: var(--bad)}#bcode{text-transform: uppercase;letter-spacing: .12em;font-variant-numeric: tabular-nums}.kbtn,.gkey{width: 100%;min-height: 50px;display: flex;align-items: center;justify-content: center;gap: 12px;border-radius: 10px;text-decoration: none;font-size: 14px;font-weight: 600;transition: background .2s,color .2s,border-color .2s,transform .2s var(--ease)}.kbtn{position: relative;padding: 12px 28px;color: #0a2517;background: var(--signal);border: 1px solid transparent}.kbtn:hover{color: #071b10;background: #b9ffdf;transform: translateY(-1px)}.kbtn:active{transform: translateY(0)}.kbtn:disabled{cursor: wait;opacity: .6;transform: none}.kbtn .sp{display: none;width: 16px;height: 16px;border: 2px solid #0a251740;border-top-color: #0a2517;border-radius: 50%;animation: spin .7s linear infinite}.kbtn.busy .sp{display: inline-block}@keyframes spin{to{transform: rotate(360deg)}}.kbtn.ghost,.gkey{border: 1px solid rgba(191,227,209,.25);background: #121a17;color: var(--ink)}.kbtn.ghost:hover,.gkey:hover{border-color: #6e9a82;background: #1a2921;color: var(--ink)}.google-mark{display: inline-flex;width: 20px;height: 20px;flex: none}.google-mark svg{width: 100%;height: 100%}.hr{display: flex;align-items: center;gap: 14px;margin: 23px 0;color: var(--ink-2);font-size: 11px}.hr::before,.hr::after{content: '';flex: 1;height: 1px;background: var(--hairline)}.human-check{margin: 22px 0;padding: 0;border-radius: 8px}.turnstile-slot{width: 100%;min-height: 65px}.human-check-status{margin-top: 7px;color: var(--ink-2);font-size: 11px;line-height: 1.5}.human-check[data-state='ready'] .human-check-status{color: var(--good)}.human-check[data-state='required'] .human-check-status,.human-check[data-state='error'] .human-check-status,.human-check[data-state='unavailable'] .human-check-status{color: var(--bad)}.lrow{display: flex;justify-content: space-between;align-items: center;gap: 6px 14px;flex-wrap: wrap;margin-top: 14px}.lrow.center{justify-content: center}.lnk{display: inline-flex;align-items: center;gap: 4px;min-height: 44px;padding: 6px 0;border: 0;background: none;color: var(--ink-2);text-decoration: none;font-size: 12px;transition: color .15s}.lnk:hover,.lnk b{color: var(--signal)}.lnk b{font-weight: 500}.signup-note{margin-top: 20px;color: var(--ink-2);font-size: 11px;line-height: 1.8;text-align: center}.signup-note a{display: inline-block;padding: 4px 2px;color: var(--ink)}.resend{font-size: 12px;color: var(--ink-2)}.resend button{min-height: 44px;background: none;border: 0;color: var(--signal);font: inherit}.resend button:disabled{color: var(--ink-2);cursor: default}.okwrap{display: flex;flex-direction: column;align-items: center;text-align: center;padding-top: 8px}.okring{width: 64px;height: 64px;display: grid;place-items: center;margin-bottom: 24px;border: 1px solid rgba(157,245,203,.3);border-radius: 50%;background: var(--well);color: var(--good)}.okring svg{width: 28px;height: 28px}.sava{width: 64px;height: 64px;object-fit: cover;border-radius: 50%;margin-bottom: 24px}#fine{width: min(1280px,calc(100% - 96px));margin-inline: auto;padding-block: 20px max(24px,env(safe-area-inset-bottom));border-top: 1px solid var(--hairline);display: flex;justify-content: space-between;align-items: center;gap: 14px 24px;color: var(--ink-2);font-size: 11px}.fine-status{display: inline-flex;align-items: center;gap: 8px}.fine-dot{width: 5px;height: 5px;border-radius: 50%;background: var(--signal)}#fine nav{display: flex;align-items: center;gap: 24px}#fine a{display: inline-flex;align-items: center;min-height: 44px;text-decoration: none}#fine a:hover{text-decoration: underline}@media (max-width: 600px){#fine{width: calc(100% - 40px);justify-content: center;flex-wrap: wrap;padding-top: 16px;gap: 0 28px}#fine nav{gap: 22px}.lrow{justify-content: center}}@media (max-width: 350px){.turnstile-slot{min-height: 120px}.code6{gap: 5px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important}.ribbon-art img{transform: rotate(-8deg)}}