@font-face { font-family:'Manrope'; src:url('/assets/manrope-variable.ttf') format('truetype'); font-weight:200 800; font-style:normal; font-display:swap; }

:root { --ink:#111e30; --blue:#2355ed; --muted:#58687b; --paper:#f5f6f8; --line:#e1e5e9; --white:#fff; --font:'Manrope','Segoe UI',Arial,sans-serif; font-family:var(--font); color:var(--ink); background:var(--white); font-synthesis:none; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; color-scheme:light; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:30px; }
body { margin:0; min-width:0; }
body,button,input,textarea,select { font-family:var(--font); }
h1,h2,h3,p,figure { margin:0; }
a { color:inherit; text-decoration:none; }
button,a,input { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
img { display:block; max-width:100%; }
button,input { font:inherit; }
[hidden] { display:none!important; }
button:disabled { cursor:wait; opacity:.6; }
:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
.skip-link { position:absolute; left:20px; top:-100px; z-index:100; padding:13px 20px; color:var(--ink); background:#fff; border:2px solid var(--blue); font-size:14px; }
.skip-link:focus { top:15px; }
.site-header { position:relative; z-index:10; max-width:1600px; padding:29px 5.1%; display:flex; justify-content:space-between; align-items:center; gap:30px; margin:auto; }
.site-brand { display:inline-flex; align-items:center; gap:13px; flex-shrink:0; }
.site-brand>img { height:55px; width:55px; object-fit:contain; filter:drop-shadow(0 3px 7px #07132224); }
.site-brand-text { font-size:20px; line-height:1.2; font-weight:600; letter-spacing:-.045em; }
.site-brand-text>strong { font-weight:800; }
.site-brand-text small { display:block; color:#58687b; font-size:8px; font-weight:650; line-height:1.7; letter-spacing:.1em; margin-top:6px; }
.site-nav { display:flex; align-items:center; gap:34px; font-size:12px; font-weight:600; }
.site-nav>a { padding:14px 0; transition:color .18s ease; }
.site-nav>a:hover { color:var(--blue); }
.site-nav .nav-login { padding:14px 19px; background:var(--ink); color:#fff; border:1px solid var(--ink); border-radius:3px; display:flex; align-items:center; gap:27px; }
.site-nav .nav-login:hover { background:var(--blue); border-color:var(--blue); color:#fff; }
.nav-login>span { font-size:18px; font-weight:400; line-height:1; }
.menu-toggle { display:none; }
.hero-public { max-width:1600px; margin:auto; display:grid; grid-template-columns:1.18fr 1fr; padding:32px 5.1% 74px; align-items:center; gap:5%; }
.hero-public-copy { min-width:0; padding-top:12px; }
.hero-eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:32px; }
.section-kicker { font-size:10px; font-weight:700; letter-spacing:.13em; line-height:1.7; }
.hero-eyebrow .section-kicker { color:#687685; font-size:9px; }
.location-dot { height:5px; width:5px; border-radius:50%; background:var(--blue); flex-shrink:0; }
.display-title { font-size:clamp(50px,5.4vw,86px); font-weight:650; letter-spacing:-.075em; line-height:1.025; max-width:710px; }
.title-stop { color:var(--blue); }
.hero-designation { font-size:17px; font-weight:500; color:#58687b; letter-spacing:-.025em; margin-top:24px; }
.hero-introduction { margin-top:40px; }
.hero-introduction>p { font-size:14px; line-height:1.85; color:#58687b; max-width:350px; }
.site-button { display:inline-flex; align-items:center; justify-content:space-between; gap:38px; padding:16px 21px; border:1px solid transparent; border-radius:3px; min-height:52px; font-size:12px; font-weight:600; line-height:1.4; transition:background-color .18s ease,border-color .18s ease,transform .18s ease; }
.site-button>span { font-size:20px; font-weight:400; line-height:1; }
.site-button-navy { background:var(--ink); border-color:var(--ink); color:#fff; }
.site-button-navy:hover { background:var(--blue); border-color:var(--blue); }
.hero-introduction .site-button { margin-top:24px; }
.hero-scroll-link { margin-top:48px; display:inline-flex; align-items:center; gap:12px; color:#58687b; font-size:10px; font-weight:550; }
.hero-scroll-link>span { color:var(--ink); font-size:19px; }
.hero-scroll-link:hover { color:var(--blue); }
.hero-visual { min-width:0; position:relative; height:570px; margin:0; background:var(--ink); overflow:hidden; }
.identity-stage { display:flex; align-items:center; justify-content:center; background:#13273d; }
.identity-stage::before { content:''; position:absolute; width:1px; height:100%; top:0; left:50%; background:#ffffff09; }
.identity-stage::after { content:''; position:absolute; height:1px; width:100%; top:50%; left:0; background:#ffffff09; }
.identity-coordinate { position:absolute; top:30px; left:29px; color:#acbace; font-size:8px; letter-spacing:.16em; font-weight:600; }
.identity-coordinate::before { content:'+'; margin-right:14px; color:#6885a4; font-size:16px; line-height:.5; }
.identity-large { position:absolute; left:50%; top:47%; transform:translate(-50%,-50%); font-size:clamp(180px,27vw,440px); font-weight:750; letter-spacing:-.095em; line-height:1; color:#ffffff04; -webkit-text-stroke:1px #ffffff0d; pointer-events:none; }
.identity-orbit { display:none; }
.identity-seal { position:relative; z-index:2; width:57%; height:auto; max-width:310px; aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 6px 14px #040e1a25); }
.hero-visual figcaption { position:absolute; z-index:3; bottom:28px; left:29px; right:29px; display:flex; justify-content:space-between; align-items:center; gap:15px; color:#a2b2c4; font-size:9px; line-height:1.5; }
.hero-visual figcaption>span:last-child { font-size:8px; letter-spacing:.08em; white-space:nowrap; }
.hero-visual figcaption>span:last-child>span { font-size:16px; margin-left:13px; }
.photo-stage { background:#e8ecee; }
.photo-stage>img { width:100%; height:100%; object-fit:cover; object-position:center; }
.photo-stage figcaption { color:#fff; text-shadow:0 1px 12px #000; }
.photo-stage::after { content:''; position:absolute; inset:65% 0 0; background:linear-gradient(transparent,#0b15276b); }
.values-strip { display:grid; grid-template-columns:1fr 1fr 1fr 1.1fr; max-width:1600px; padding:25px 5.1%; margin:auto; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:13px; font-weight:650; }
.values-strip>span { padding:3px 25px; border-left:1px solid var(--line); }
.values-strip>span:first-child { padding-left:0; border-left:0; }
.values-strip .values-strip-location { display:flex; justify-content:space-between; color:#58687b; font-size:10px; letter-spacing:.08em; font-weight:500; }
.values-strip-location>span { color:var(--blue); font-size:17px; font-weight:600; line-height:1; }
.page-section { max-width:1400px; margin:auto; padding:100px 6%; }
.section-index { display:flex; align-items:center; gap:20px; margin-bottom:40px; }
.section-index>span { color:#58687b; font-size:10px; letter-spacing:.04em; }
.section-index .section-kicker { color:#627486; font-size:9px; }
.about-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:11%; align-items:start; }
.section-heading-block h2 { font-size:clamp(33px,3.7vw,57px); line-height:1.08; font-weight:600; letter-spacing:-.055em; }
.section-heading-block h2>span { color:#718094; }
.about-copy { padding-top:3px; }
.about-copy p { font-size:14px; color:#58687b; line-height:1.9; margin-bottom:17px; }
.about-copy .lead-copy { font-size:21px; line-height:1.45; font-weight:550; letter-spacing:-.04em; color:var(--ink); margin-bottom:22px; }
.text-link { display:inline-flex; align-items:center; gap:22px; font-size:12px; font-weight:650; line-height:1.5; padding:13px 0; border-bottom:1px solid #bcc4ce; }
.text-link>span { font-size:20px; font-weight:400; line-height:1; }
.text-link:hover { color:var(--blue); border-color:var(--blue); }
.principles-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:70px; border-top:1px solid var(--line); }
.principles-list article { padding:25px 28px 0 0; }
.principles-list article+article { padding-left:32px; border-left:1px solid var(--line); }
.principle-number { color:#58687b; font-size:10px; }
.principles-list h3 { font-size:18px; letter-spacing:-.04em; font-weight:600; margin:26px 0 10px; }
.principles-list p { font-size:13px; line-height:1.8; color:#58687b; max-width:245px; }
.community-section { background:var(--paper); }
.community-inner { padding-top:80px; padding-bottom:80px; }
.community-layout { display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:start; }
.community-heading h2 { font-size:clamp(35px,3.6vw,55px); font-weight:600; letter-spacing:-.06em; line-height:1.1; }
.community-heading h2>span { color:#718094; }
.community-arrow { display:block; font-size:76px; font-weight:400; line-height:1; color:var(--blue); margin-top:38px; }
.community-story { padding-top:4px; }
.story-date { display:flex; justify-content:space-between; gap:20px; color:#58687b; font-size:9px; font-weight:600; letter-spacing:.07em; padding-bottom:23px; border-bottom:1px solid #dbe1e7; }
.community-story h3 { color:var(--ink); font-size:27px; font-weight:550; letter-spacing:-.04em; line-height:1.2; margin:26px 0 21px; }
.community-story>p { font-size:14px; line-height:1.9; color:#58687b; }
.source-note { margin-top:23px; }
.source-note>span { display:block; color:#58687b; font-size:11px; line-height:1.7; }
.source-note .text-link { margin-top:9px; }
.member-entry { display:flex; justify-content:space-between; align-items:center; gap:10%; padding-top:94px; padding-bottom:94px; }
.member-entry .section-kicker { color:#58687b; font-size:9px; }
.member-entry h2 { font-size:clamp(37px,4.1vw,62px); font-weight:600; letter-spacing:-.06em; line-height:1.06; margin-top:19px; }
.member-entry-action { width:340px; max-width:40%; }
.member-entry-action p { color:#58687b; font-size:14px; line-height:1.9; margin-bottom:25px; }
.member-entry-action .site-button { min-width:195px; }
.site-footer { border-top:1px solid var(--line); padding:44px 5.1% 24px; max-width:1600px; margin:auto; }
.footer-main { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-bottom:38px; }
.footer-main .site-brand>img { width:47px; height:47px; }
.footer-main .site-brand-text { font-size:18px; }
.footer-main p { color:#58687b; font-size:12px; line-height:1.9; }
.footer-main .text-link { font-size:11px; border:0; gap:25px; }
.footer-bottom { display:flex; justify-content:space-between; align-items:flex-start; gap:30px; border-top:1px solid #edf0f2; padding-top:23px; color:#58687b; font-size:10px; line-height:1.8; }

/* Member access uses the same quiet, contemporary visual language. */
.login-shell { display:grid; grid-template-columns:1fr 1fr; min-height:100dvh; }
.login-visual { position:relative; min-height:750px; padding:44px 8%; overflow:hidden; color:#fff; background:#13273d; display:flex; flex-direction:column; }
.login-visual::before { content:'479'; position:absolute; font-size:clamp(250px,31vw,550px); font-weight:750; letter-spacing:-.09em; line-height:1; left:50%; top:45%; transform:translate(-50%,-50%); color:#ffffff04; -webkit-text-stroke:1px #ffffff0b; }
.login-visual::after { content:none; }
.login-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.login-visual:has(.login-art)::after { content:''; inset:0; width:100%; height:100%; border:0; box-shadow:none; border-radius:0; background:linear-gradient(180deg,#0e182c44 0,transparent 35%,#0e182c8c 100%); }
.login-emblem { position:absolute; z-index:1; width:43%; max-width:260px; left:50%; top:25%; transform:translateX(-50%); }
.login-emblem img { width:100%; aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 6px 14px #07132233); }
.login-visual .site-brand { position:relative; z-index:2; color:#fff; }
.login-visual .site-brand-text small { color:#90a6bc; }
.login-visual .site-brand>img { background:transparent; border:0; }
.login-visual-caption { position:relative; z-index:2; margin-top:auto; padding-top:240px; padding-bottom:22px; }
.login-visual-caption .section-kicker { font-size:10px; color:#7ba1e0; }
.login-visual-caption h2 { color:#fff; font-size:clamp(39px,4vw,65px); font-weight:600; letter-spacing:-.06em; line-height:1.08; margin:20px 0 23px; }
.login-visual-caption p { font-size:14px; line-height:1.8; color:#91a8bf; }
.login-visual-caption small { font-size:10px; color:#b6c1ce; line-height:1.8; display:block; margin-top:27px; }
.login-panel { display:flex; align-items:center; justify-content:center; padding:48px 12%; background:#fff; }
.login-panel-inner { width:100%; max-width:375px; }
.back-link { display:inline-flex; gap:11px; align-items:center; color:#58687b; font-size:11px; font-weight:550; padding:10px 0; margin-bottom:56px; }
.back-link>span { font-size:18px; color:#526377; }
.back-link:hover { color:var(--blue); }
.login-heading .section-kicker { font-size:9px; color:#58687b; }
.login-heading h1 { font-size:43px; font-weight:600; letter-spacing:-.065em; line-height:1.1; margin:15px 0 14px; }
.login-heading p { color:#58687b; font-size:13px; line-height:1.7; }
.login-form { margin-top:34px; }
.field-group { margin-bottom:22px; }
.field-group label { display:block; font-size:12px; font-weight:600; color:#576a80; margin-bottom:9px; }
.field-group input { display:block; width:100%; background:#fff; border:1px solid #dce2e8; border-radius:3px; font-size:13px; color:#37506a; padding:15px 14px; min-height:49px; line-height:1.5; transition:border-color .2s,box-shadow .2s; }
.field-group input::placeholder { color:#58687b; }
.field-group input:focus { border-color:var(--blue); box-shadow:0 0 0 3px #2355ed0b; outline:none; }
.password-field { position:relative; }
.password-field input { padding-right:69px; }
.password-toggle { position:absolute; right:3px; top:3px; bottom:3px; width:60px; border:0; background:transparent; color:#58687b; font-size:11px; font-weight:550; }
.password-toggle:hover { color:var(--blue); }
.login-form .button-full { width:100%; min-height:51px; margin-top:5px; }
.login-note { color:#58687b; font-size:11px; line-height:1.9; text-align:center; margin:20px 0 0; }
.login-demo-note { border-top:1px solid var(--line); margin-top:29px; padding-top:22px; color:#58687b; }
.login-demo-note strong { font-size:10px; font-weight:650; color:#58687b; }
.login-demo-note p { font-size:11px; line-height:1.9; margin-top:6px; }
.login-footer { margin-top:30px; font-size:10px; line-height:1.9; color:#58687b; }
.form-error { border-left:2px solid #b64e4e; background:#fbf5f5; color:#8d3737; font-size:12px; line-height:1.8; padding:12px 14px; margin-bottom:19px; }

@media(min-width:1600px) { .hero-public { padding-top:47px; } .hero-visual { height:640px; } .display-title { font-size:88px; } }
@media(max-width:1100px) { .site-header { padding-block:25px; } .site-nav { gap:23px; } .hero-public { gap:4%; padding-top:24px; } .hero-visual { height:530px; } .display-title { font-size:clamp(49px,5.3vw,63px); } .hero-designation { font-size:15px; } .hero-eyebrow .section-kicker { font-size:8px; letter-spacing:.09em; } .hero-introduction { margin-top:30px; } .hero-scroll-link { margin-top:34px; } .identity-coordinate { left:22px; } .hero-visual figcaption { left:22px; right:22px; font-size:8px; } .hero-visual figcaption>span:last-child { font-size:7px; } .identity-seal { width:64%; } .page-section { padding-inline:6%; } .about-layout { gap:8%; } .community-layout { gap:8%; } .login-panel { padding-inline:10%; } .login-visual { padding-inline:8%; } .login-visual-caption h2 { font-size:47px; } .login-heading h1 { font-size:38px; } }
@media(max-width:760px) {
  .site-header { padding:20px 6%; gap:15px; }
  .site-brand>img { width:45px; height:45px; }
  .site-brand-text { font-size:18px; }
  .site-brand-text small { font-size:7px; letter-spacing:.08em; margin-top:5px; }
  .menu-toggle { width:44px; height:44px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; border:1px solid var(--line); background:#fff; border-radius:2px; flex-shrink:0; }
  .menu-toggle>span { height:1px; width:18px; background:var(--ink); transition:transform .18s; }
  .menu-toggle[aria-expanded='true']>span:first-child { transform:translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded='true']>span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .site-nav { display:none; position:absolute; top:calc(100% - 1px); left:0; right:0; background:#fff; border-bottom:1px solid var(--line); padding:10px 6% 22px; box-shadow:0 15px 17px #15294708; }
  .site-nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:1px; }
  .site-nav>a { padding:16px 0; font-size:13px; }
  .site-nav .nav-login { margin-top:10px; justify-content:space-between; padding:15px; }
  .hero-public { display:flex; flex-direction:column; padding:29px 6% 40px; gap:35px; align-items:stretch; }
  .hero-public-copy { padding:0; }
  .hero-eyebrow { margin-bottom:24px; }
  .hero-eyebrow .section-kicker { font-size:8px; }
  .display-title { font-size:clamp(42px,8.7vw,66px); letter-spacing:-.07em; line-height:1.025; }
  .hero-designation { font-size:15px; margin-top:19px; }
  .hero-introduction { display:flex; align-items:flex-start; gap:20px; justify-content:space-between; margin-top:28px; }
  .hero-introduction>p { font-size:12px; line-height:1.85; max-width:310px; }
  .hero-introduction .site-button { flex-shrink:0; margin-top:2px; font-size:11px; padding:14px 16px; gap:25px; min-height:48px; }
  .hero-scroll-link { margin-top:26px; font-size:10px; }
  .hero-visual { height:430px; width:100%; }
  .identity-seal { width:53%; max-width:235px; }
  .identity-large { font-size:clamp(220px,70vw,470px); }
  .identity-orbit { width:65%; }
  .identity-coordinate { top:23px; }
  .hero-visual figcaption { bottom:23px; font-size:9px; }
  .hero-visual figcaption>span:last-child { font-size:8px; }
  .values-strip { grid-template-columns:1.3fr .8fr .7fr; padding:22px 6%; font-size:11px; }
  .values-strip>span { padding:3px 18px; }
  .values-strip .values-strip-location { display:none; }
  .page-section { padding:62px 6%; }
  .section-index { margin-bottom:30px; }
  .about-layout { grid-template-columns:1fr; gap:29px; }
  .section-heading-block h2 { font-size:43px; line-height:1.08; }
  .about-copy .lead-copy { font-size:22px; max-width:450px; }
  .about-copy p { font-size:14px; max-width:500px; }
  .principles-list { grid-template-columns:1fr; margin-top:39px; }
  .principles-list article { padding:23px 0; display:grid; grid-template-columns:25px 1fr; column-gap:18px; }
  .principles-list article+article { border-left:0; border-top:1px solid var(--line); padding-left:0; }
  .principle-number { grid-row:1/3; padding-top:4px; }
  .principles-list h3 { margin:0 0 8px; font-size:18px; }
  .principles-list p { max-width:none; font-size:13px; }
  .community-layout { grid-template-columns:1fr; gap:36px; }
  .community-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }
  .community-heading h2 { font-size:40px; }
  .community-arrow { font-size:51px; margin-top:1px; }
  .community-story { padding-top:0; }
  .story-date { padding-bottom:18px; }
  .community-story h3 { font-size:28px; margin-top:23px; max-width:360px; }
  .member-entry { display:block; }
  .member-entry h2 { font-size:48px; }
  .member-entry-action { width:100%; max-width:100%; margin-top:26px; }
  .member-entry-action p { max-width:350px; font-size:14px; margin-bottom:20px; }
  .member-entry-action .site-button { min-width:190px; }
  .site-footer { padding:31px 6% 24px; }
  .footer-main { flex-wrap:wrap; gap:27px; padding-bottom:29px; }
  .footer-main>p { order:3; width:100%; font-size:12px; }
  .footer-main .site-brand>img { width:43px; height:43px; }
  .footer-main .site-brand-text { font-size:17px; }
  .footer-main .text-link { font-size:11px; gap:10px; }
  .footer-bottom { display:grid; gap:7px; font-size:9px; }
  .login-shell { display:block; min-height:100dvh; }
  .login-visual { display:none; }
  .login-panel { min-height:100dvh; padding:28px 8% 40px; align-items:flex-start; }
  .login-panel-inner { max-width:430px; }
  .back-link { margin-bottom:43px; font-size:12px; }
  .login-heading h1 { font-size:44px; }
  .login-heading p { font-size:14px; }
  .field-group label { font-size:13px; }
  .field-group input { font-size:16px; min-height:52px; }
  .password-toggle { font-size:12px; }
  .login-note { font-size:12px; }
  .login-demo-note strong { font-size:11px; }
  .login-demo-note p { font-size:12px; }
  .login-footer { font-size:11px; }
}
@media(max-width:430px) { .hero-public { padding-top:22px; } .display-title { font-size:41px; } .hero-introduction { display:block; } .hero-introduction>p { max-width:270px; font-size:13px; } .hero-introduction .site-button { margin-top:22px; min-width:185px; } .hero-visual { height:355px; } .identity-seal { width:57%; max-width:210px; } .identity-coordinate { font-size:7px; } .hero-visual figcaption { left:19px; right:19px; font-size:8px; } .hero-visual figcaption>span:last-child { font-size:7px; } .values-strip { font-size:10px; } .values-strip>span { padding-inline:14px; } .section-heading-block h2 { font-size:39px; } .community-heading h2 { font-size:35px; } .community-arrow { font-size:45px; } .member-entry h2 { font-size:44px; } .footer-main { gap:20px; } .footer-main .text-link { gap:7px; font-size:10px; } }
@media(max-width:359px) { .display-title { font-size:36px; } .site-brand-text { font-size:17px; } .hero-eyebrow .section-kicker { font-size:7px; } .hero-visual { height:320px; } .footer-main .site-brand-text { font-size:15px; } .footer-main .text-link { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }

/* Existing-member access requests share the sign-in layout. */
.register-page .login-panel { padding-block: 36px; }
.register-page .back-link { margin-bottom: 27px; }
.register-page .login-heading h1 { font-size: clamp(34px, 3.3vw, 43px); }
.register-page .login-form { margin-top: 26px; }
.register-page .field-group { margin-bottom: 18px; }
.register-page .register-optional { font-weight: 400; }
.register-page .register-confirmation { display: flex; align-items: flex-start; gap: 11px; margin: 6px 0 23px; color: #58687b; font-size: 12px; line-height: 1.7; cursor: pointer; }
.register-page .register-confirmation input { flex: 0 0 auto; width: 17px; height: 17px; margin: 2px 0 0; accent-color: #142f4b; }
.register-page .login-note a { color: #142f4b; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.register-page .register-success { margin-top: 30px; padding: 24px; border: 1px solid #dce5df; border-radius: 5px; background: #f6f9f7; }
.register-page .register-success-mark { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #e3ede5; color: #365b43; font-size: 20px; }
.register-page .register-success h2 { margin: 18px 0 12px; font-size: 24px; font-weight: 600; letter-spacing: -.04em; }
.register-page .register-success p { color: #526477; font-size: 13px; line-height: 1.8; margin-bottom: 24px; }
.register-page .register-success .site-button { width: 100%; }
@media (max-width: 760px) {
  .register-page .login-panel { padding-block: 24px 36px; }
  .register-page .login-heading h1 { font-size: 39px; }
  .register-page .register-confirmation { font-size: 13px; }
}