:root{--glow:#e8f2ec;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{color:var(--glow);font-family:var(--font-body);background:#0c1411;margin:0;font-size:1.125rem;line-height:1.6}.atmosphere{z-index:-1;background:radial-gradient(90% 70% at 12% 18%,#3e765c80,#0000 55%),radial-gradient(65% 55% at 88% 78%,#24483a99,#0000 50%),linear-gradient(160deg,#183028 0%,#0c1411 48%,#12201a 100%);transition:background .7s;animation:18s ease-in-out infinite alternate drift;position:fixed;inset:0}body.win-open{--glow:#f2e8e8;background:#140c0c}body.win-open .atmosphere{background:radial-gradient(90% 70% at 12% 18%,#8c30308c,#0000 55%),radial-gradient(65% 55% at 88% 78%,#581c1ca6,#0000 50%),linear-gradient(160deg,#301818 0%,#140c0c 48%,#201212 100%)}body.win-open .login:hover,body.win-open .login:focus-visible,body.win-open .login[aria-expanded=true]{color:#e8a0a0;border-color:#e8a0a0}body.win-open .account-item:hover,body.win-open .account-item:focus-visible{color:#e8a0a0;background:#e8a0a01f}.atmosphere:after{content:"";opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.04)translate(-1%,1%)}}.hero{flex-direction:column;justify-content:flex-end;max-width:42rem;height:100dvh;padding:clamp(1.5rem,5vw,4rem) clamp(1.5rem,5vw,4rem) clamp(3rem,10vh,6rem);display:flex}.brand{font-family:var(--font-display);letter-spacing:-.045em;color:var(--glow);opacity:0;margin:0 0 1.25rem;font-size:clamp(3.75rem,13vw,7rem);font-weight:700;line-height:.92;animation:.9s cubic-bezier(.22,1,.36,1) .1s forwards rise}.headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--glow);opacity:0;margin:0 0 .75rem;font-size:clamp(1.35rem,3.2vw,1.8rem);font-weight:500;line-height:1.25;animation:.9s cubic-bezier(.22,1,.36,1) .25s forwards rise}.asterisk{appearance:none;color:#e8f2ec8c;font:inherit;vertical-align:super;cursor:pointer;background:0 0;border:0;margin:0 0 0 .05em;padding:.15em .2em;font-size:.85em;line-height:1;transition:color .2s}.asterisk:hover,.asterisk:focus-visible{color:#9fd4b8;outline:none}.lede{color:#e8f2ecb3;opacity:0;max-width:28rem;margin:0 0 2rem;font-size:1.05rem;animation:.9s cubic-bezier(.22,1,.36,1) .4s forwards rise}.cta{opacity:0;flex-wrap:wrap;gap:.75rem 1.5rem;animation:.9s cubic-bezier(.22,1,.36,1) .55s forwards rise;display:flex}.account{z-index:2;opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) .55s forwards rise;position:fixed;top:clamp(1.25rem,4vw,2rem);right:clamp(1.25rem,4vw,2rem)}.account[hidden]{display:none!important}.login{width:2.75rem;height:2.75rem;color:var(--glow);cursor:pointer;backdrop-filter:blur(8px);background:#0c141159;border:1px solid #e8f2ec47;border-radius:50%;place-items:center;padding:0;transition:border-color .2s,color .2s,background .2s;display:grid;overflow:hidden}.account-button-glyph,.account-button-glyph .identity-glyph{width:100%;height:100%;display:block}.account-button-glyph[hidden]{display:none!important}.login:hover,.login:focus-visible,.login[aria-expanded=true]{color:#9fd4b8;background:#0c14118c;border-color:#9fd4b8;outline:none}.account-menu{backdrop-filter:blur(12px);background:#0c1411e0;border:1px solid #e8f2ec38;border-radius:.75rem;min-width:13.5rem;padding:.35rem;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 12px 32px #00000047}.account-menu[hidden]{display:none!important}.account-item{width:100%;color:var(--glow);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.65rem .8rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;display:block}.account-item[hidden]{display:none!important}.account-item:disabled{cursor:wait;opacity:.55}.account-summary{border-bottom:1px solid #e8f2ec1f;flex-direction:column;margin-bottom:.3rem;padding:.55rem .8rem .65rem;display:flex}.account-summary[hidden]{display:none!important}.account-summary-name{color:var(--glow);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.account-summary-role{color:#e8f2ec80;font-size:.72rem}.account-item:hover,.account-item:focus-visible{color:#9fd4b8;background:#9fd4b81f;outline:none}.cta a{color:var(--glow);letter-spacing:.02em;border-bottom:1px solid #e8f2ec59;padding-bottom:.15rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s}.cta a:hover,.cta a:focus-visible{color:#9fd4b8;border-color:#9fd4b8;outline:none}@keyframes rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.note{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,4rem);display:none;position:fixed;inset:0}.note[hidden]{display:none!important}body.note-open .note{pointer-events:auto;display:flex}body.note-open .hero,body.note-open .account{display:none!important}body.note-open .back{animation:.7s cubic-bezier(.22,1,.36,1) .15s both note-back-in}body.note-open .note-body{animation:.85s cubic-bezier(.16,1,.3,1) both note-flag}body.note-open .note-heading{animation:.7s cubic-bezier(.22,1,.36,1) .18s both note-rise}body.note-open .identity-demo{animation:.75s cubic-bezier(.22,1,.36,1) .28s both note-rise}.win{z-index:12;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1.5rem,5vw,4rem);display:none;position:fixed;inset:0}.win[hidden]{display:none!important}body.win-open .win{pointer-events:none;display:flex}body.win-open .win-body{pointer-events:auto}body.win-open .account{z-index:20}body.win-open .hero,body.win-open .note{display:none!important}body.win-open .win-body{animation:.85s cubic-bezier(.16,1,.3,1) both note-flag}body.win-open .win-kicker{animation:.7s cubic-bezier(.22,1,.36,1) .12s both note-rise}body.win-open .win h2{animation:.7s cubic-bezier(.22,1,.36,1) .22s both note-rise}body.win-open .win #win-message{animation:.75s cubic-bezier(.22,1,.36,1) .34s both note-rise}body.win-open .win-flag{animation:.8s cubic-bezier(.22,1,.36,1) .48s both note-rise}.win-body{text-align:center;opacity:0;max-width:36rem}.win-kicker{color:#e8a0a0;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;opacity:0;margin:0 0 1rem;font-size:.82rem;font-weight:600}.win h2{font-family:var(--font-display);letter-spacing:-.045em;opacity:0;margin:0 0 .85rem;font-size:clamp(2.75rem,10vw,5.5rem);font-weight:700;line-height:.95}.win #win-message{color:#f2e8e8b8;opacity:0;max-width:28rem;margin:0 auto 1.75rem;font-size:1.05rem;line-height:1.65}.win-flag{color:#f2c0c0;letter-spacing:.02em;word-break:break-all;opacity:0;background:#e8a0a01f;border:1px solid #e8a0a066;border-radius:.75rem;max-width:100%;margin:0 auto;padding:.85rem 1rem;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:clamp(.85rem,2.4vw,1rem);font-weight:600;line-height:1.4;display:inline-block}@keyframes note-flag{0%{opacity:0}to{opacity:1}}@keyframes note-back-in{0%{opacity:0;transform:translate(-.75rem)}to{opacity:1;transform:translate(0)}}@keyframes note-rise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.back{color:var(--glow);font-family:var(--font-body);cursor:pointer;backdrop-filter:blur(8px);opacity:0;background:#0c141159;border:1px solid #e8f2ec47;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .85rem .45rem .55rem;font-size:.9rem;font-weight:500;transition:border-color .2s,color .2s,background .2s;display:inline-flex;position:absolute;top:clamp(1.25rem,4vw,2rem);left:clamp(1.25rem,4vw,2rem)}.back:hover,.back:focus-visible{color:#9fd4b8;background:#0c14118c;border-color:#9fd4b8;outline:none}.note-body{text-align:left;opacity:0;width:min(100%,28rem);min-width:min(100%,22rem);max-width:32rem;margin:0 auto}.note-heading{opacity:0;align-items:center;gap:.75rem;margin:0 0 1.5rem;display:flex}.note h2{min-width:0;font-family:var(--font-display);letter-spacing:-.025em;flex:1;margin:0;font-size:clamp(1.65rem,4.2vw,2.15rem);font-weight:600;line-height:1.2}.identity-demo{text-align:left;opacity:0;margin-top:0}.identity-demo label{color:#e8f2eceb;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem;font-size:.82rem;font-weight:600;display:block}.identity-control{grid-template-columns:3.625rem minmax(0,1fr);align-items:stretch;gap:.65rem;display:grid}.identity-control input{width:100%;min-width:0;color:var(--glow);font:500 .95rem/1.2 var(--font-body);background:#0c14118c;border:1px solid #e8f2ec52;border-radius:.7rem;outline:none;padding:.75rem .9rem;transition:border-color .2s,background .2s}.identity-control input::placeholder{color:#e8f2ec7a;opacity:1}.identity-control input:focus{background:#0c1411b8;border-color:#9fd4b8}.identity-preview{color:#e8f2ecc7;background:#0c141173;border:1px solid #e8f2ec47;border-radius:.75rem;place-items:center;width:3.625rem;height:3.625rem;display:grid;overflow:hidden}.identity-preview .identity-glyph{width:100%;height:100%;display:block}.register-button{color:#e8f2ec;width:100%;font:600 .95rem/1.2 var(--font-body);cursor:pointer;background:#9fd4b847;border:1px solid #9fd4b8b3;border-radius:.7rem;margin-top:1rem;padding:.8rem 1rem;transition:border-color .2s,background .2s,color .2s}.register-button:hover,.register-button:focus-visible{color:#fff;background:#9fd4b866;border-color:#bce5ce;outline:none}.register-button:disabled{cursor:wait;opacity:.55}.registration-status{color:#e8f2ec9e;min-height:1.25rem;margin-top:.7rem;font-size:.78rem;line-height:1.45;display:block}.registration-status[data-state=error]{color:#f2aaa3}.registration-status[data-state=success]{color:#9fd4b8}.guidelines-toggle{color:#e8f2ecb8;cursor:pointer;background:0 0;border:1px solid #e8f2ec38;border-radius:999px;flex-shrink:0;place-items:center;width:2rem;height:2rem;margin:0;padding:0;transition:border-color .2s,color .2s,background .2s;display:grid}.guidelines-toggle:hover,.guidelines-toggle:focus-visible{color:var(--glow);background:#0c141147;border-color:#e8f2ec66;outline:none}.guidelines-toggle[aria-expanded=true]{color:#bce5ce;border-color:#9fd4b873}.guidelines{margin:-.75rem 0 1.25rem}.guidelines[hidden]{display:none!important}.guidelines ol{color:#e8f2ecdb;background:#0c141152;border:1px solid #e8f2ec29;border-radius:.7rem;margin:0;padding:.9rem .9rem .9rem 1.85rem;font-size:.92rem;line-height:1.55}.guidelines li+li{margin-top:.65rem}@media (prefers-reduced-motion:reduce){.atmosphere{animation:none}.brand,.headline,.lede,.cta,.account{opacity:1;animation:none}body.note-open .back,body.note-open .note-body,body.note-open .note-heading,body.note-open .identity-demo,body.win-open .win-body,body.win-open .win-kicker,body.win-open .win h2,body.win-open .win #win-message,body.win-open .win-flag{opacity:1;animation:none;transform:none}}
