/* NILA v21.44 Hard Join Page Recovery */
:root{
  --j44-ink:#071b31;
  --j44-green:#075f3c;
  --j44-teal:#007f78;
  --j44-blue:#176fc2;
  --j44-yellow:#ffc400;
  --j44-orange:#f27b42;
  --j44-line:rgba(7,27,49,.12);
  --j44-muted:#52677f;
  --j44-shadow:0 24px 70px rgba(7,27,49,.12);
}
html,body{background:#fff!important;overflow-x:hidden!important;}
body.page-join{font-family:Outfit,Arial,sans-serif!important;color:var(--j44-ink)!important;min-height:100vh!important;}
body.page-join::before,
body.page-join::after{content:none!important;display:none!important;}
body.page-join .nav{position:sticky!important;top:0!important;z-index:1000!important;background:#fff!important;border-bottom:1px solid var(--j44-line)!important;backdrop-filter:none!important;height:72px!important;}
body.page-join .nav-inner{height:72px!important;display:flex!important;align-items:center!important;gap:16px!important;position:relative!important;}
body.page-join .nav-logo{display:flex!important;align-items:center!important;flex:0 0 auto!important;position:relative!important;z-index:1002!important;}
body.page-join .nav-logo svg{display:block!important;width:154px!important;height:auto!important;max-height:50px!important;opacity:1!important;visibility:visible!important;filter:none!important;}
body.page-join .nav-links{display:flex!important;align-items:center!important;gap:6px!important;margin-left:18px!important;}
body.page-join .nav-links a{font-size:14px!important;font-weight:850!important;color:var(--j44-muted)!important;padding:9px 13px!important;border-radius:999px!important;text-decoration:none!important;}
body.page-join .nav-links a:hover{background:#f2f8ff!important;color:var(--j44-ink)!important;}
body.page-join .nav-actions{margin-left:auto!important;display:flex!important;}
body.page-join .nav-hamburger{display:none!important;margin-left:auto!important;background:transparent!important;border:0!important;gap:5px!important;flex-direction:column!important;padding:8px!important;}
body.page-join .nav-hamburger span{display:block!important;width:24px!important;height:2px!important;background:var(--j44-ink)!important;border-radius:2px!important;}
.j44-hero{position:relative;background:linear-gradient(135deg,#ffffff 0%,#f2fffb 48%,#fff7dd 100%)!important;border-bottom:1px solid rgba(7,27,49,.08)!important;padding:42px 20px 38px!important;text-align:center!important;overflow:hidden!important;}
.j44-hero::before{content:"";position:absolute;left:-90px;top:-90px;width:230px;height:230px;border-radius:50%;background:rgba(255,196,0,.22);}
.j44-hero::after{content:"";position:absolute;right:-80px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:rgba(0,127,120,.14);}
.j44-hero .inner{position:relative;z-index:2;max-width:760px;margin:0 auto;}
.j44-hero .kicker{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,127,120,.18);border-radius:999px;padding:8px 13px;color:var(--j44-green);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 12px 30px rgba(7,27,49,.06);margin-bottom:16px;}
.j44-hero .kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--j44-orange);box-shadow:0 0 0 5px rgba(242,123,66,.14);}
.j44-hero h1{font-family:Fraunces,Georgia,serif!important;font-size:clamp(42px,6vw,78px)!important;line-height:.92!important;letter-spacing:-.06em!important;color:var(--j44-ink)!important;margin:0 0 12px!important;}
.j44-hero h1 span{color:var(--j44-teal)!important;}
.j44-hero p{color:#30475f!important;font-size:18px!important;line-height:1.45!important;margin:0 auto!important;max-width:620px!important;}
.j44-main{background:#fff!important;padding:34px 16px 96px!important;}
body.page-join .join-wrap{max-width:980px!important;margin:0 auto!important;padding:0!important;}
body.page-join .join-tabs{display:flex!important;gap:8px!important;background:#f2f8ff!important;border:1px solid rgba(7,27,49,.08)!important;border-radius:18px!important;padding:6px!important;margin:0 auto 24px!important;max-width:560px!important;box-shadow:0 12px 34px rgba(7,27,49,.06)!important;}
body.page-join .join-tab{flex:1!important;min-height:48px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:var(--j44-muted)!important;font-weight:950!important;font-size:14px!important;cursor:pointer!important;font-family:inherit!important;}
body.page-join .join-tab.active{background:#fff!important;color:var(--j44-ink)!important;box-shadow:0 10px 28px rgba(7,27,49,.10)!important;}
body.page-join .join-panel{display:none!important;}
body.page-join .join-panel.active{display:block!important;}
body.page-join .form-card{background:#fff!important;border:1px solid var(--j44-line)!important;border-radius:26px!important;padding:26px!important;box-shadow:var(--j44-shadow)!important;max-width:760px!important;margin:0 auto!important;}
body.page-join .benefit{background:#fff!important;border:1px solid rgba(0,127,120,.12)!important;border-radius:16px!important;padding:12px 14px!important;margin:8px auto!important;max-width:760px!important;color:var(--j44-ink)!important;font-weight:750!important;box-shadow:0 8px 24px rgba(7,27,49,.04)!important;}
body.page-join .benefit span{color:var(--j44-teal)!important;font-weight:950!important;}
body.page-join .field{margin-bottom:16px!important;}
body.page-join .field label{display:block!important;font-size:12px!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--j44-muted)!important;margin-bottom:7px!important;}
body.page-join input,
body.page-join select,
body.page-join textarea{width:100%!important;background:#fff!important;border:1px solid rgba(7,27,49,.15)!important;border-radius:15px!important;min-height:48px!important;padding:12px 13px!important;color:var(--j44-ink)!important;font:inherit!important;outline:none!important;box-shadow:none!important;}
body.page-join input:focus,
body.page-join select:focus,
body.page-join textarea:focus{border-color:rgba(0,127,120,.55)!important;box-shadow:0 0 0 4px rgba(0,127,120,.10)!important;}
body.page-join button:not(.nav-hamburger):not(.join-tab){border:0!important;border-radius:15px!important;min-height:48px!important;padding:0 18px!important;background:var(--j44-green)!important;color:#fff!important;font-weight:950!important;cursor:pointer!important;font-family:inherit!important;}
body.page-join .success{background:#f1fffb!important;border:1px solid rgba(0,127,120,.16)!important;border-radius:22px!important;color:var(--j44-ink)!important;}
body.page-join .mobile-nav{z-index:999!important;}
body.page-join svg:not(.nav-logo svg){max-width:100%!important;}
body.page-join [style*="linear-gradient(135deg,#082142"]{background:transparent!important;}
@media(max-width:720px){
  body.page-join .nav{height:64px!important;}
  body.page-join .nav-inner{height:64px!important;}
  body.page-join .nav-links,
  body.page-join .nav-actions{display:none!important;}
  body.page-join .nav-hamburger{display:flex!important;}
  body.page-join .nav-inner.open .nav-links{display:flex!important;position:absolute!important;top:calc(100% + 8px)!important;left:12px!important;right:12px!important;flex-direction:column!important;gap:8px!important;margin:0!important;padding:14px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--j44-line)!important;box-shadow:0 24px 70px rgba(7,27,49,.20)!important;z-index:1005!important;}
  body.page-join .nav-inner.open .nav-actions{display:none!important;}
  body.page-join .nav-inner.open .nav-links a{display:block!important;background:#f7fbff!important;color:var(--j44-ink)!important;border-radius:15px!important;padding:13px 14px!important;}
  body.page-join .nav-inner.open .nav-links .nav-logo,
  body.page-join .nav-inner.open .nav-links svg,
  body.page-join .nav-inner.open .nav-links img{display:none!important;}
  .j44-hero{padding:30px 16px 28px!important;text-align:left!important;}
  .j44-hero h1{font-size:48px!important;}
  .j44-hero p{font-size:15px!important;}
  .j44-main{padding:24px 14px 92px!important;}
  body.page-join .join-tabs{max-width:none!important;}
  body.page-join .form-card{padding:20px!important;border-radius:22px!important;}
}