.nd-access{--font-s2-body:var(--font-nd-body);--font-s2-display:var(--font-nd-display);min-height:100svh;font-family:var(--font-nd-body),Arial,sans-serif;color:#0f2a43;background:#fff;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);display:grid}.nd-access-story{color:#fff;background:#0f2a43;flex-direction:column;padding:clamp(28px,4vw,64px);display:flex;overflow:hidden}.nd-access-story>a{align-self:flex-start}.nd-access-intro{margin:clamp(38px,7vh,88px) 0 28px}.nd-access-intro h2{white-space:pre-line;font-family:var(--font-nd-display),Arial,sans-serif;letter-spacing:-.04em;text-wrap:balance;font-size:clamp(34px,3.4vw,56px);font-weight:550;line-height:1.06}.nd-access-intro p{color:#c5d6e9;max-width:390px;margin-top:22px;font-size:16px;line-height:1.65}.nd-access-photo{aspect-ratio:1.8;border-radius:4px;min-height:170px;max-height:300px;position:relative;overflow:hidden}.nd-access-photo img{object-fit:cover;object-position:center 48%}.nd-access-modes{gap:20px;margin-top:28px;display:grid}.nd-access-modes>div{align-items:flex-start;gap:14px;display:flex}.nd-access-modes svg{color:#94bcff;flex-shrink:0;margin-top:2px}.nd-access-modes strong{font-size:15px;font-weight:550;display:block}.nd-access-modes small{color:#b5c8dd;margin-top:3px;font-size:13px;display:block}.nd-access-note{color:#b5c8dd;border-top:1px solid #35506c;margin-top:28px;padding-top:18px;font-size:12px}.nd-access-main{flex-direction:column;min-width:0;padding:28px clamp(24px,5vw,76px);display:flex}.nd-access-main>header,.nd-access-main>footer{justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.nd-access-back,.nd-access-main>footer a{align-items:center;gap:8px;display:inline-flex}.nd-access-back:hover,.nd-access-main>footer a:hover{color:#2563d9}.nd-access-main>main{outline:none;flex:1;justify-content:center;align-items:center;padding:48px 0;display:flex}.nd-access-form{width:100%;max-width:460px;animation:.35s ease-out both nd-access-enter}.nd-access-form h1{letter-spacing:-.035em;font-weight:550;line-height:1.16;font-family:var(--font-nd-display),Arial,sans-serif!important;font-size:clamp(27px,3vw,35px)!important}.nd-access-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.nd-access-form select{border-color:#cdd9e7;border-radius:7px;min-height:48px;box-shadow:0 1px 2px #0f2a4305}.nd-access-form label{font-weight:500}.nd-access-form button[type=submit]{border-radius:7px;min-height:48px}.nd-access-form :is(a,button,input,select):focus-visible{outline-offset:3px;outline:3px solid #2563d9}.nd-access-main>footer{color:#536a80;border-top:1px solid #e1e8f0;padding-top:22px}[dir=rtl] .nd-access-back svg{transform:rotate(180deg)}@keyframes nd-access-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (min-width:1600px){.nd-access-story{padding-inline:clamp(64px,6vw,140px)}}@media (max-width:900px){.nd-access{display:block}.nd-access-story{padding:24px 28px 30px}.nd-access-story>a svg{max-width:170px}.nd-access-intro{margin:26px 0 0}.nd-access-intro h2{white-space:normal;max-width:550px;font-size:32px}.nd-access-intro p{max-width:600px;margin-top:12px;font-size:14px}.nd-access-photo,.nd-access-modes,.nd-access-note{display:none}.nd-access-main{min-height:calc(100svh - 230px);padding:22px 28px}.nd-access-main>main{padding:32px 0 48px}.nd-access-form{max-width:520px}}@media (max-width:390px){.nd-access-story,.nd-access-main{padding-inline:20px}.nd-access-intro h2{font-size:28px}.nd-access-main>header{font-size:12px}.nd-access-back{gap:5px}}@media (prefers-reduced-motion:reduce){.nd-access-form{animation:none}}html.dark .nd-access{color:#e8eef6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0e1928}html.dark .nd-access-story{background:#0b2035}html.dark .nd-access-main>footer{color:#aebed1;border-color:#2b4057}html.dark .nd-access-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html.dark .nd-access-form select,html.dark .nd-access-form textarea{color:#e8eef6;background:#15263a;border-color:#405570}html.dark .nd-access-back:hover,html.dark .nd-access-main>footer a:hover{color:#9cc0ff}
