/* Premium member auth experience — shared by login, join and password recovery. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.member-auth-page{background:radial-gradient(circle at 7% 0,rgba(254,134,25,.10),transparent 27rem),linear-gradient(180deg,#fff 0,#f6f8fb 72%,#f1f4f8 100%)}
.member-auth-page .member-auth{padding:28px 16px}
.member-auth-page .member-auth__frame{width:min(1080px,100%);grid-template-columns:minmax(0,.92fr) minmax(430px,1fr);border:1px solid #e3e7ee;border-radius:28px;box-shadow:0 24px 62px rgba(15,23,42,.12)}
.member-auth-page .member-auth__story{min-height:610px;padding:30px 32px;background:radial-gradient(circle at 13% 5%,rgba(254,134,25,.33),transparent 28%),radial-gradient(circle at 92% 85%,rgba(254,134,25,.12),transparent 28%),linear-gradient(145deg,#0f192b 0%,#1d2b43 67%,#4d2a18 135%)}
.member-auth-page .member-auth__story:before{content:"";position:absolute;right:-66px;top:40%;width:220px;height:220px;border:34px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}
.member-auth-page .member-auth__story:after{width:280px;height:280px;border-color:rgba(255,255,255,.09)}
.member-auth__story-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px;width:max-content;max-width:100%}
.member-auth__story-logo{display:inline-flex;align-items:center;text-decoration:none}
.member-auth__story-logo img{display:block;width:165px;height:auto;filter:brightness(0) invert(1);opacity:.96}
.member-auth__story-label{padding-left:13px;border-left:1px solid rgba(255,255,255,.30);color:#fdba74;font-size:8px;font-weight:950;letter-spacing:.13em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
.member-auth-page .member-auth__copy{max-width:450px}
.member-auth-page .member-auth__eyebrow{margin-bottom:8px;color:#ffb16d;font-size:10px;letter-spacing:.13em}
.member-auth-page .member-auth__copy h1{max-width:470px;font-size:clamp(40px,4.8vw,56px);line-height:.98;letter-spacing:-.052em}
.member-auth-page .member-auth__copy p{max-width:430px;margin-top:14px;color:#d7dfeb;font-size:14px;line-height:1.55}
.member-auth-page .member-auth__wallet{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.member-auth-page .member-auth__wallet span{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 8px 10px 30px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.07);color:#f8fafc;font-size:10px;font-weight:850;text-align:left;backdrop-filter:blur(8px)}
.member-auth-page .member-auth__wallet span:before{content:"";position:absolute;left:10px;top:50%;width:12px;height:12px;border:2px solid currentColor;border-radius:4px;transform:translateY(-50%);opacity:.82}
.member-auth-page .member-auth__wallet span:nth-child(2){color:#f4cd5c}
.member-auth-page .member-auth__wallet span:nth-child(2):before{border-radius:50% 50% 45% 45%}
.member-auth-page .member-auth__wallet span:nth-child(3){color:#8ee2ad}

.member-auth-page .member-auth__panel{align-items:center;padding:38px 42px;background:#fff}
.member-auth-page .member-auth__panel-inner{width:min(430px,100%)}
.member-auth-page .member-auth__panel-inner>.member-brand{display:none!important}
.member-auth-page .member-page-kicker{margin-bottom:7px;color:#d96505;font-size:9px;letter-spacing:.13em}
.member-auth-page .member-auth__panel h2{margin:0 0 8px;font-size:34px;line-height:1.03;letter-spacing:-.043em}
.member-auth-page .member-auth__subtitle{max-width:400px;margin:0 0 22px;color:#667085;font-size:13px;line-height:1.55}
.member-auth-page .member-status{margin-bottom:14px;padding:11px 12px;border-radius:12px;font-size:11px}
.member-auth-page .member-form{gap:14px}
.member-auth-page .member-field label{margin-bottom:6px;color:#344054;font-size:11px;font-weight:900;letter-spacing:.015em}
.member-auth-page .member-field input{min-height:54px;padding:0 14px;border:1px solid #cfd5de;border-radius:13px;background:#fff;color:#101828;font-size:16px;line-height:1.2;box-shadow:inset 0 1px 2px rgba(15,23,42,.02)}
.member-auth-page .member-field input::placeholder{color:#98a2b3}
.member-auth-page .member-field input:focus{border-color:#f28a31;box-shadow:0 0 0 3px rgba(254,134,25,.12)}
.member-auth-page .member-input-row .member-field input,.member-auth-page .member-input-row input{padding-right:70px}
.member-auth-page .member-password-toggle{right:7px;top:7px;min-width:52px;min-height:40px;border:1px solid #e4e7ec;border-radius:9px;background:#f8fafc;color:#475467;font-size:11px;font-weight:900}
.member-auth-page .member-password-toggle:focus-visible{outline:3px solid rgba(254,134,25,.18);outline-offset:1px}
.member-auth-page .member-submit{min-height:54px;margin-top:3px;border-radius:13px;font-size:14px;font-weight:950;box-shadow:0 10px 22px rgba(217,101,5,.18)}
.member-auth-page--login .member-submit,.member-auth-page--recovery .member-submit{background:linear-gradient(135deg,#18a84b,#15803d);box-shadow:0 10px 22px rgba(21,128,61,.20)}
.member-auth-page--join .member-submit{background:linear-gradient(135deg,#fe8b25,#e56b08)}
.member-auth-page .member-auth__links{align-items:center;margin-top:17px;padding-top:15px;border-top:1px solid #eef0f3;color:#667085;font-size:11px;font-weight:850}
.member-auth-page .member-auth__links a{color:#667085;text-decoration:none}
.member-auth-page .member-auth__links a:hover{text-decoration:underline;text-underline-offset:3px}
.member-auth-page--login .member-auth__links a:last-child,.member-auth-page--recovery .member-auth__links a:last-child{color:#c2410c;font-weight:950}
.member-auth-page--join .member-auth__links{justify-content:center}
.member-auth-page--join .member-auth__links a{color:#15803d;font-weight:950}
.member-auth-page .member-auth__back{margin-top:20px;color:#7b8492;font-size:10px;font-weight:800}

.member-auth-page .member-join-grid{gap:12px!important}
.member-auth-page .member-checks{gap:9px!important;margin-top:3px!important}
.member-auth-page .member-check{grid-template-columns:22px 1fr!important;gap:9px!important;color:#667085!important;font-size:10.5px!important;line-height:1.45!important}
.member-auth-page .member-check input[type=checkbox]{width:20px;height:20px;margin:0!important;accent-color:#15803d}
.member-auth-page .member-check a{color:#c2410c;font-weight:850}
.member-auth-page .member-referral-note{margin-bottom:13px!important;border-radius:12px!important;font-size:10.5px!important;line-height:1.45}

@media(max-width:900px){
  .member-auth-page .member-auth__frame{grid-template-columns:1fr}
  .member-auth-page .member-auth__story{min-height:300px;padding:26px 28px}
  .member-auth-page .member-auth__copy{margin:32px 0 24px}
  .member-auth-page .member-auth__copy h1{font-size:42px}
  .member-auth-page .member-auth__wallet{max-width:560px}
  .member-auth-page .member-auth__panel{padding:32px 28px 38px}
}

@media(max-width:620px){
  .member-auth-page .member-auth{padding:0}
  .member-auth-page .member-auth__frame{min-height:100dvh;border:0;border-radius:0;box-shadow:none}
  .member-auth-page .member-auth__story{min-height:228px;padding:19px 18px 17px;border-radius:0 0 24px 24px}
  .member-auth-page--join .member-auth__story{min-height:216px}
  .member-auth-page .member-auth__story-brand{gap:10px}
  .member-auth-page .member-auth__story-logo img{width:148px}
  .member-auth-page .member-auth__story-label{padding-left:10px;font-size:7px}
  .member-auth-page .member-auth__copy{margin:24px 0 17px}
  .member-auth-page .member-auth__eyebrow{font-size:8px;margin-bottom:6px}
  .member-auth-page .member-auth__copy h1{font-size:32px;line-height:1;letter-spacing:-.045em}
  .member-auth-page .member-auth__copy p{margin-top:9px;font-size:12px;line-height:1.45}
  .member-auth-page .member-auth__wallet{gap:5px}
  .member-auth-page .member-auth__wallet span{min-height:40px;padding:7px 5px 7px 24px;border-radius:11px;font-size:8.5px}
  .member-auth-page .member-auth__wallet span:before{left:8px;width:10px;height:10px}
  .member-auth-page .member-auth__panel{padding:23px 18px 32px}
  .member-auth-page .member-auth__panel-inner{width:100%}
  .member-auth-page .member-auth__panel h2{font-size:29px;line-height:1.04}
  .member-auth-page .member-auth__subtitle{margin-bottom:19px;font-size:12px;line-height:1.5}
  .member-auth-page .member-page-kicker{font-size:8px}
  .member-auth-page .member-form{gap:13px}
  .member-auth-page .member-field label{font-size:11px}
  /* iOS Safari zooms focused controls below 16px. Keep all auth controls at 16px. */
  .member-auth-page input:not([type=checkbox]),.member-auth-page select,.member-auth-page textarea{font-size:16px!important}
  .member-auth-page .member-field input{min-height:54px}
  .member-auth-page .member-submit{min-height:54px;font-size:14px}
  .member-auth-page .member-auth__links{gap:10px;font-size:10.5px}
  .member-auth-page .member-auth__back{margin-top:18px}
  .member-auth-page .member-join-grid{grid-template-columns:1fr!important;gap:11px!important}
  .member-auth-page .member-join-grid .full{grid-column:auto!important}
  .member-auth-page .member-check{font-size:11px!important;line-height:1.45!important}
}

@media(max-width:390px){
  .member-auth-page .member-auth__story{min-height:218px}
  .member-auth-page--join .member-auth__story{min-height:207px}
  .member-auth-page .member-auth__story-logo img{width:136px}
  .member-auth-page .member-auth__story-label{font-size:6.5px}
  .member-auth-page .member-auth__copy{margin:21px 0 15px}
  .member-auth-page .member-auth__copy h1{font-size:29px}
  .member-auth-page .member-auth__copy p{font-size:11.5px}
  .member-auth-page .member-auth__wallet span{font-size:8px;padding-left:22px}
  .member-auth-page .member-auth__panel{padding-inline:16px}
}