:root { color-scheme: dark; --access-blue: #679eff; --access-ink: #111416; --access-text: #f1f2f3; --access-muted: #8f969e; --access-border: #ffffff15; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-synthesis: none; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; color: var(--access-text); background: var(--access-ink); -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }a { color: inherit; text-decoration: none; }button { cursor: pointer; }svg { display: block; }button, a { -webkit-tap-highlight-color: transparent; }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }.icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.access-atmosphere { position: fixed; inset: 0; pointer-events: none; z-index: -1; background: radial-gradient(ellipse at 20% 47%, #547b9e10, transparent 52%), radial-gradient(ellipse at 80% 22%, #bdd0df06, transparent 45%), linear-gradient(120deg, #15191c, #111416 80%); }
.access-atmosphere::before { content: ''; position: absolute; inset: 0; opacity: .13; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.18' d='M0 0h160v160H0z'/%3E%3C/svg%3E"); }
.access-shell { width: min(1280px, calc(100% - 112px)); margin: auto; min-height: 100svh; display: flex; flex-direction: column; }
.access-masthead { min-height: 126px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }.nexo-wordmark { display: inline-flex; align-items: center; gap: 11px; font-size: 30px; line-height: 1; font-weight: 620; letter-spacing: -1.6px; }.nexo-logo { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #a0b6cf25; border-radius: 11px; background: linear-gradient(145deg, #d2e5ff09, #d2e5ff02); box-shadow: inset 0 1px 0 #ffffff0c; }.nexo-logo svg { width: 28px; height: 28px; color: #9cbeef; }.wordmark-period { color: #77aaff; }.masthead-note { font-size: 9px; letter-spacing: 1.6px; color: #7d858e; }
.access-layout { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) 408px; align-items: center; gap: clamp(40px, 8vw, 130px); padding: 30px 0 34px; }
.access-story { align-self: center; padding-bottom: 5px; }.story-kicker { display: flex; align-items: center; gap: 12px; font-size: 9px; color: #99a5b2; letter-spacing: 2.5px; margin: 0 0 25px; }.story-kicker > span { width: 27px; height: 1px; background: #7ba3d3; }
.access-story h1 { font-size: clamp(56px, 5.9vw, 84px); line-height: 1.05; letter-spacing: -4.8px; font-weight: 480; margin: 0; color: #edeff2; }.access-story h1 > span { color: #8794a3; background: linear-gradient(100deg, #b8c3d0, #6f7f91); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.story-description { margin: 25px 0 0; color: #8d98a4; font-size: 13px; line-height: 1.9; font-weight: 400; letter-spacing: .1px; }
.connection-art { max-width: 620px; margin: 12px -29px -8px -28px; position: relative; }.connection-art > svg { width: 100%; height: auto; overflow: visible; }.art-caption { display: flex; align-items: center; gap: 10px; position: absolute; bottom: 3%; left: 5%; color: #6c7988; font-size: 8px; letter-spacing: 1.7px; }.art-caption > span { height: 1px; width: 25px; background: #475a70; }.art-connectors { stroke-dasharray: 3 5; }
.access-entry { padding-top: 12px; }.entry-frame { isolation: isolate; position: relative; overflow: hidden; border: 1px solid #ffffff16; border-top-color: #ffffff27; border-radius: 20px; padding: 33px 32px 0; background: linear-gradient(150deg, #ffffff05, #ffffff00 52%), #1c2024; box-shadow: 0 25px 70px #00000028, inset 0 1px 0 #ffffff07; }
.entry-overline { display: flex; align-items: center; gap: 9px; font-size: 8px; letter-spacing: 1.6px; color: #99a4b1; margin-bottom: 26px; }.entry-glyph { border: 1px solid #ffffff10; width: 25px; height: 25px; border-radius: 7px; display: grid; place-items: center; background: #ffffff03; }.entry-glyph svg { width: 13px; height: 13px; fill: none; stroke: #97afca; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.entry-frame h2 { margin: 0; font-size: 32px; font-weight: 480; line-height: 1.18; letter-spacing: -1.2px; }.entry-description { margin: 12px 0 29px; font-size: 12px; line-height: 1.6; color: #8f99a5; }.access-form { display: flex; flex-direction: column; gap: 20px; }.access-field label { display: block; color: #bbc2ca; font-size: 11px; margin-bottom: 9px; }.access-input { display: flex; gap: 10px; align-items: center; padding-left: 13px; min-height: 47px; border: 1px solid #ffffff13; border-radius: 9px; background: #0b101535; transition: border-color 160ms, box-shadow 160ms, background 160ms; }.access-input > .icon { width: 16px; height: 16px; color: #7e8a99; }.access-input:focus-within { border-color: #709de177; box-shadow: 0 0 0 3px #649aff0b; background: #0d121738; }.access-input input { background: transparent; color: #e6eaf0; font-size: 12px; border: 0; padding: 14px 8px 14px 0; width: 100%; min-width: 0; outline: none; }.access-input input::placeholder { color: #687482; }.access-input input:-webkit-autofill { -webkit-text-fill-color: #e6eaf0; box-shadow: 0 0 0 100px #1c242d inset; border-radius: 6px; }
.btn-toggle-eye { display: grid; place-items: center; color: #82909f; background: transparent; border: 0; align-self: stretch; padding: 0; min-width: 42px; min-height: 44px; border-radius: 7px; }.btn-toggle-eye .icon { width: 17px; height: 17px; }.btn-toggle-eye:hover { color: #c5d6ea; }.btn-toggle-eye[aria-pressed="true"] { color: #8cb8f5; }
.access-submit { display: flex; align-items: center; justify-content: space-between; min-height: 46px; padding: 12px 16px; border-radius: 9px; border: 1px solid #8cb5ff44; background: linear-gradient(#3b82ed, #2d73df); box-shadow: inset 0 1px 0 #ffffff22, 0 5px 14px #00000018; font-size: 12px; font-weight: 500; color: #fff; margin-top: 3px; transition: transform 160ms, box-shadow 160ms, background 160ms; }.access-submit .icon { width: 17px; height: 17px; }.access-submit:hover { background: linear-gradient(#4b8df3, #387de7); transform: translateY(-1px); box-shadow: inset 0 1px 0 #ffffff33, 0 7px 18px #0002; }.access-submit:active { transform: scale(.99); }.access-submit:disabled { opacity: .65; cursor: wait; transform: none; }
.entry-register { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid #ffffff0c; margin-top: 27px; padding: 22px 0 25px; font-size: 10px; }.entry-register > span { color: #7f8b98; }.entry-register a { display: inline-flex; align-items: center; gap: 5px; color: #b5c7e0; width: fit-content; font-size: 11px; padding: 3px 0; }.entry-register a:hover { color: #dbeaff; }.entry-register .icon { width: 14px; height: 14px; }
.entry-admin { display: flex; justify-content: center; align-items: center; gap: 7px; color: #6f7b89; font-size: 10px; padding: 20px 10px 0; }.entry-admin .icon { width: 13px; height: 13px; }.entry-admin .icon:last-child { margin-left: 5px; }.entry-admin:hover { color: #b6c8df; }
.access-colophon { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0 31px; border-top: 1px solid #ffffff09; color: #636e7b; font-size: 8px; letter-spacing: 1.3px; }.access-colophon > span:last-child { font-size: 10px; letter-spacing: .1px; }.colophon-divider { color: #424f5f; margin: 0 8px; }
.access-alert { display: flex; align-items: flex-start; gap: 9px; padding: 12px; border: 1px solid #e7a36a38; border-radius: 8px; background: #e7a36a09; color: #e9b891; font-size: 11px; line-height: 1.6; margin: -5px 0 20px; }.access-alert .icon { width: 16px; height: 16px; margin-top: 1px; }.access-alert-success { border-color: #8dccad38; color: #a2d7bb; background: #8dccad09; }
:where(a, button):focus-visible { outline: 2px solid #9bc3ff; outline-offset: 5px; }.entry-frame::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; opacity: 0; transition: opacity 240ms; }
@media (hover: hover) and (pointer: fine) { .entry-frame::before { background: radial-gradient(350px circle at var(--pointer-x, 50%) var(--pointer-y, 50%), #c5dcff09, transparent 75%); }.entry-frame.pointer-active::before { opacity: 1; } }
@supports (backdrop-filter: blur(16px)) { .entry-frame { background: linear-gradient(150deg, #ffffff05, #ffffff00 52%), #1c2024c9; backdrop-filter: blur(20px); } }
@media (max-width: 1150px) { .access-shell { width: calc(100% - 80px); }.access-layout { grid-template-columns: minmax(0, 1fr) 365px; gap: 45px; }.access-story h1 { font-size: 64px; letter-spacing: -3.5px; }.entry-frame { padding-inline: 27px; }.entry-frame h2 { font-size: 29px; }.connection-art { margin-inline: -24px; }.story-description { font-size: 12px; } }
@media (max-width: 900px) { .access-shell { width: calc(100% - 56px); max-width: 560px; }.access-masthead { min-height: 100px; }.masthead-note { font-size: 7px; letter-spacing: 1px; }.access-layout { display: flex; flex-direction: column; gap: 34px; align-items: stretch; padding: 22px 0 30px; }.access-story { align-self: stretch; }.access-story h1 { font-size: 56px; line-height: 1.05; letter-spacing: -3px; }.story-kicker { font-size: 8px; margin-bottom: 20px; letter-spacing: 2px; }.story-description { margin-top: 18px; }.connection-art { display: none; }.access-entry { padding-top: 0; }.entry-frame { padding: 26px 28px 0; }.entry-overline { margin-bottom: 20px; }.entry-frame h2 { font-size: 29px; }.entry-frame h2 br { display: none; }.entry-description { margin-bottom: 24px; }.access-colophon { margin-top: 15px; font-size: 7px; letter-spacing: .9px; }.entry-admin { min-height: 44px; padding-top: 17px; } }
@media (max-width: 480px) { .access-shell { width: calc(100% - 40px); }.access-masthead { min-height: 84px; }.nexo-wordmark { font-size: 27px; gap: 8px; }.nexo-logo { width: 33px; height: 33px; border-radius: 9px; }.nexo-logo svg { width: 25px; height: 25px; }.masthead-note { max-width: 106px; text-align: right; line-height: 1.7; font-size: 7px; }.access-layout { padding-top: 16px; gap: 28px; }.access-story h1 { font-size: 48px; letter-spacing: -2.4px; }.story-kicker { margin-bottom: 15px; font-size: 7px; letter-spacing: 1.7px; }.story-description { font-size: 11px; line-height: 1.8; margin-top: 15px; }.entry-frame { padding: 24px 22px 0; border-radius: 16px; }.entry-overline { font-size: 7px; letter-spacing: 1.4px; margin-bottom: 17px; }.entry-frame h2 { font-size: 25px; letter-spacing: -.8px; }.entry-description { font-size: 11px; margin-top: 9px; margin-bottom: 22px; }.access-form { gap: 17px; }.access-field label { font-size: 10px; }.access-input { min-height: 46px; }.entry-register { padding: 19px 0 21px; margin-top: 23px; }.entry-register a { min-height: 30px; }.access-colophon { flex-direction: column; align-items: flex-start; gap: 9px; margin-top: 0; padding: 20px 0 34px; }.access-colophon > span:last-child { font-size: 9px; } }
@media (prefers-reduced-transparency: reduce) { .entry-frame { backdrop-filter: none; background: #1e2328; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }.access-submit:hover { transform: none; } }