/* Member home: a photographic club chapter, with functional controls intact. */
.member-hero__image,.member-hero__headline,.member-hero__intro,.member-hero__actions,.member-hero__edition{display:none}
.member-pass__summary{display:flex;align-items:center;gap:13px;cursor:pointer;list-style:none}
.member-pass__summary::-webkit-details-marker{display:none}
.member-pass__mark{display:none}
.member-pass__label{display:flex;flex-direction:column;gap:3px}
.member-pass__label strong{font-size:14px;font-weight:600}
.member-pass__label>span{font-size:11px;color:#66717d}
.member-pass__chevron{margin-left:auto;font-size:24px}
.member-pass__body{padding-top:22px}
.member-telegram-title{display:flex;align-items:center;gap:10px;margin:0 0 13px;font-size:14px;font-weight:600}
.member-telegram-title__icon{font-size:23px;color:#3157ff;line-height:1}
.member-stories__header>img{display:none}
.member-benefits>summary{cursor:pointer}
.member-stories__body{min-width:0}

.club-site:has(#confirmation.is-login:not([hidden])) .signup-section{max-width:1180px;margin:28px auto 70px;padding:0 24px;background:transparent}
.club-site:has(#confirmation.is-login:not([hidden])) .register{background:transparent;padding:0;border:0}
#confirmation.is-login{color:#f3f4ee}
#confirmation.is-login>.member-demo-notice{color:#a6adb7!important;margin:0 0 14px!important;font-size:9px!important;letter-spacing:.12em!important}
#confirmation.is-login .member-hero{position:relative;overflow:hidden;isolation:isolate;min-height:365px;background:#151920;padding:27px 35px 34px;margin:0 0 18px;border-bottom:3px solid #3157ff}
#confirmation.is-login .member-hero__image{display:block;position:absolute;right:0;top:0;width:64%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
#confirmation.is-login .member-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101419 0%,#101419 32%,#101419c9 52%,#10141926 82%,#10141942)}
#confirmation.is-login .member-hero__top{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #f3f4ee25;padding-bottom:12px;margin-bottom:22px}
#confirmation.is-login .confirm-kicker{font-size:9px;letter-spacing:.15em;color:#e4e7e9}
#confirmation.is-login .confirm-nav{margin:0}
#confirmation.is-login .confirm-nav__out{color:#f3f4ee;font-size:10px;min-height:28px;padding:3px 0;text-decoration:none;text-transform:uppercase;letter-spacing:.09em}
#confirmation.is-login .confirm-nav__out::after{content:" ↗";font-size:15px;margin-left:8px}
#confirmation.is-login .member-hero__content{position:relative;max-width:61%}
#confirmation.is-login .confirm-title{font-size:17px;font-weight:500;letter-spacing:-.025em;line-height:1.5;color:#e3e8ed;margin:0 0 12px;max-width:none}
#confirmation.is-login .member-hero__headline{display:block;font-family:Bebas,'Arial Narrow',Impact,sans-serif;white-space:pre-line;text-transform:uppercase;font-size:clamp(74px,7.5vw,105px);line-height:.88;letter-spacing:-.014em;font-weight:400;margin:0 0 19px;color:#f5f5ed}
#confirmation.is-login .member-hero__intro{display:block;font-size:12px;line-height:1.7;color:#c5cdd5;margin:0 0 20px;max-width:36ch}
#confirmation.is-login .member-hero__actions{display:flex;flex-wrap:wrap;gap:9px}
#confirmation.is-login .member-hero__action{border:1px solid #f1f2ec;background:#f1f2ec;color:#10151b;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.015em;padding:10px 15px;min-height:43px}
#confirmation.is-login .member-hero__action--outline{background:#10141938;color:#f1f2ec;border-color:#d3dce184}
#confirmation.is-login .member-hero__action:hover{background:#fff}
#confirmation.is-login .member-hero__action--outline:hover{background:#f1f2ec;color:#10151b}
#confirmation.is-login .member-hero__edition{display:block;position:absolute;right:24px;bottom:19px;color:#f1f2ecad;font-family:ui-monospace,monospace;font-size:8px;letter-spacing:.13em;writing-mode:vertical-rl}
#confirmation.is-login .confirm-credited,#confirmation.is-login .confirm-verified{color:#d2eee0;font-size:12px;margin-top:14px}

/* A compact access rail; the private credential is deliberately a disclosure. */
#confirmation.is-login .confirmation__overview{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;background:#eceee9;color:#141b24;border:0}
#confirmation.is-login .confirmation__account{padding:22px 27px;background:transparent;border:0;min-width:0;display:flex;flex-direction:column;justify-content:center}
#confirmation.is-login .member-pass__mark{display:grid;place-items:center;flex-shrink:0;width:65px;height:42px;background:#11161c;padding:9px}
#confirmation.is-login .member-pass__mark img{width:100%;height:auto}
#confirmation.is-login .member-pass__label strong{font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.03em}
#confirmation.is-login .member-pass__label>span{font-size:11px;line-height:1.5;color:#65717e}
#confirmation.is-login .member-pass__chevron{color:#3157ff;transition:transform .15s}
#confirmation.is-login .member-pass[open] .member-pass__chevron{transform:rotate(180deg)}
#confirmation.is-login .member-pass__body{padding-top:19px;border-top:1px solid #18202b20;margin-top:18px}
#confirmation.is-login .confirm-number-label{color:#505d6c;font-size:10px}
#confirmation.is-login .confirm-number-value{font-size:23px;font-weight:400;letter-spacing:.015em;color:#17202b}
#confirmation.is-login .confirm-number{margin-bottom:10px}
#confirmation.is-login .confirm-number .copy-inline{top:23px}
#confirmation.is-login .confirm-country{margin:10px 0 0 78px;font-size:11px;color:#65717e}
#confirmation.is-login .confirm-note{font-size:12px;line-height:1.65;color:#65717e}
#confirmation.is-login .confirm-telegram{padding:22px 27px;background:transparent;border:0;border-left:1px solid #17202a20;justify-content:center}
#confirmation.is-login .member-telegram-title{font-size:15px;letter-spacing:-.03em;margin:0 0 7px;color:#17202b}
#confirmation.is-login .confirm-telegram__copy{font-size:12px;line-height:1.65;color:#65717e;max-width:57ch}
#confirmation.is-login .confirm-telegram__btn{font-size:12px;min-height:44px;margin-top:15px}
#confirmation.is-login .confirm-telegram__qr{grid-template-columns:128px 1fr;gap:15px;margin-top:14px}
#confirmation.is-login .confirm-telegram__qr-help{font-size:11px}

/* A vivid invitation chapter with actual member counters. */
#confirmation.is-login .member-dashboard-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px;margin-top:22px;align-items:start}
#confirmation.is-login .member-invites{position:relative;overflow:hidden;background:#3157ff;border:0;padding:32px 29px 26px;color:#fff}
#confirmation.is-login .member-invites::before{content:"";height:9px;width:64px;left:auto;right:0;top:0;background:repeating-conic-gradient(#f3f4ee 0 25%,#14191f 0 50%) 0 0/18px 18px}
#confirmation.is-login .member-invites::after{content:"";pointer-events:none;position:absolute;right:-25px;top:61px;width:117px;height:150px;opacity:.1;transform:skew(-14deg);background:repeating-conic-gradient(#fff 0 25%,transparent 0 50%) 0 0/30px 30px}
#confirmation.is-login .member-invites .member-card-kicker{font-size:9px;letter-spacing:.14em;color:#e4e9ff;margin:0 0 18px}
#confirmation.is-login .member-invites .confirm-referral-q{font-family:Bebas,'Arial Narrow',Impact,sans-serif;font-size:clamp(44px,3.8vw,56px);font-weight:400;line-height:.93;letter-spacing:-.01em;text-transform:uppercase;max-width:none;margin:0 0 18px;color:#f9f8f0}
#confirmation.is-login .member-invites .confirm-referral-copy{font-size:13px;line-height:1.7;color:#e1e7ff;margin:0 0 24px;max-width:31ch}
#confirmation.is-login .member-invites .referral-stats{margin:0 0 27px;padding:20px 0 22px;border-top:1px solid #fff4;border-bottom:1px solid #fff4;gap:18px}
#confirmation.is-login .member-stat strong{font-family:Bebas,'Arial Narrow',Impact,sans-serif;font-size:62px;font-weight:400;letter-spacing:0;line-height:.95;color:#fff}
#confirmation.is-login .member-stat span{font-size:10px;line-height:1.6;color:#e1e7ff;max-width:16ch}
#confirmation.is-login .member-invite-code{gap:6px;margin-bottom:19px}
#confirmation.is-login .member-invite-code>span{color:#e1e7ff;font-size:9px;letter-spacing:.09em}
#confirmation.is-login .member-invite-code strong{font-size:23px;color:#fff;line-height:1.4;letter-spacing:.09em}
#confirmation.is-login .member-invites .referral-step__label{font-size:11px;color:#fff}
#confirmation.is-login .member-invites .referral-link-box{background:#152441;border:1px solid #152441;padding:15px 53px 15px 15px}
#confirmation.is-login .member-invites .referral-link-label{color:#b6c5de;font-size:9px;letter-spacing:.08em}
#confirmation.is-login .member-invites .referral-link-url{font-size:12px;color:#f3f4ee}
#confirmation.is-login .member-invites .copy-inline{background:#293b5a}
#confirmation.is-login .member-invites .referral-safe{font-size:10px;line-height:1.7;color:#e1e7ff;margin:12px 0 18px}
#confirmation.is-login .member-invites #copyReferral{background:#f3f4ee;color:#161c29;font-size:12px;font-weight:600;min-height:47px}
#confirmation.is-login .member-invites #copyReferral::after{content:"↗";color:#e21d38;font-size:23px;font-weight:400}
#confirmation.is-login .member-invite-share{border-color:#f3f4ee70;color:#f3f4ee;font-size:11px;background:transparent}
#confirmation.is-login .member-invites .referral-step--optional{border-color:#fff4;padding-top:16px;margin-top:21px}
#confirmation.is-login .member-invites .referral-step--optional summary{font-size:11px;color:#f3f4ee}
#confirmation.is-login .member-invites .referral-step--optional summary::after{color:#fff}
#confirmation.is-login .member-invites .confirm-repost-help{color:#e1e7ff;font-size:11px}
#confirmation.is-login .member-invites .referral-feedback{color:#fff;font-size:11px;margin-top:12px}
#confirmation.is-login .member-stat-note{color:#dce3ff;font-size:10px;line-height:1.7;margin-top:18px}
#confirmation.is-login .member-refresh{color:#fff;font-size:10px;min-height:36px}

/* Rider photography gives the submission sheet a club identity. */
#confirmation.is-login .member-stories{padding:0;background:#f0f1eb;border:0;color:#161c25;overflow:hidden}
#confirmation.is-login .member-stories__header{position:relative;isolation:isolate;padding:25px 30px 24px;min-height:188px;display:flex;align-items:center;background:#11171d;overflow:hidden}
#confirmation.is-login .member-stories__header>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;z-index:-2}
#confirmation.is-login .member-stories__header::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b151ce6,#0b151c7a 62%,#0b151c1c)}
#confirmation.is-login .member-stories__header .member-card-kicker{color:#edf0ef;font-size:9px;letter-spacing:.13em;margin:0 0 12px}
#confirmation.is-login .member-stories h3{font-family:Bebas,'Arial Narrow',Impact,sans-serif;font-size:62px;line-height:.93;font-weight:400;letter-spacing:-.01em;text-transform:uppercase;max-width:10ch;margin:0;color:#fff}
#confirmation.is-login .member-stories__body{padding:27px 30px 29px}
#confirmation.is-login .member-stories__intro{font-size:13px;line-height:1.75;max-width:57ch;margin:0 0 23px;color:#53616d}
#confirmation.is-login .story-upload-zone{background:#e7ebf1;border:1px dashed #8e9db4;min-height:136px;gap:8px;padding:22px;margin-bottom:11px}
#confirmation.is-login .story-upload-zone svg{width:29px;height:29px;margin-bottom:4px}
#confirmation.is-login .story-upload-zone strong{font-size:13px}
#confirmation.is-login .story-upload-zone span{font-size:10px;color:#5f6b7b}
#confirmation.is-login .story-limits{font-size:10px;line-height:1.7;max-width:57ch;margin-bottom:23px}
#confirmation.is-login .member-stories .field__label{font-size:12px;letter-spacing:-.01em;color:#25303d}
#confirmation.is-login .member-stories .field__input{background:#fff;border-color:#bfc6cf}
#confirmation.is-login .member-stories textarea{min-height:109px}
#confirmation.is-login .story-consent{font-size:12px;line-height:1.7;color:#56636f;gap:11px}
#confirmation.is-login .member-stories #storySubmit{background:#ed233b;min-height:49px;font-size:12px;letter-spacing:.015em}
#confirmation.is-login .member-story-review{font-size:10px;line-height:1.7;color:#677380}

/* Future club chapters, kept honest about availability. */
#confirmation.is-login .member-info-grid{background:#171c23;gap:0;margin-top:22px;color:#f3f4ee}
#confirmation.is-login .member-info-card{background:transparent;border:0;padding:29px 31px}
#confirmation.is-login .member-info-card+ .member-info-card{border-left:1px solid #f3f4ee2b}
#confirmation.is-login .member-info-card h3{font-size:24px;letter-spacing:-.035em;line-height:1.25;color:#f3f4ee;max-width:20ch}
#confirmation.is-login .member-info-card p{font-size:12px;line-height:1.75;color:#b8c2cc;max-width:53ch}
#confirmation.is-login .member-info-card .member-card-kicker{color:#b8c2cc;font-size:9px;letter-spacing:.12em;margin-bottom:17px}
#confirmation.is-login .member-info-card__top{justify-content:flex-start;gap:18px;margin-bottom:20px}
#confirmation.is-login .member-info-card__top img{width:46px;height:46px;background:#f3f4ee;padding:5px}
#confirmation.is-login .member-pill{color:#d2ddff;font-size:10px}
#confirmation.is-login .member-benefits{background:#101419;border:1px solid #303742;padding:0 26px;margin:20px 0 0}
#confirmation.is-login .member-benefits>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:20px 0;margin:0;font-size:14px;letter-spacing:-.025em;color:#e1e7eb}
#confirmation.is-login .member-benefits>summary::-webkit-details-marker{display:none}
#confirmation.is-login .member-benefits>summary::after{content:"+";font-size:24px;font-weight:400;color:#819bff}
#confirmation.is-login .member-benefits[open]>summary::after{content:"−"}
#confirmation.is-login .confirm-benefits__list{font-size:12px;line-height:1.8;color:#b8c2cc;padding-bottom:20px;margin-top:0}
#confirmation.is-login [data-member-jump]{scroll-margin-top:20px}
#confirmReferralBlock,#memberStoriesTitle{scroll-margin-top:24px}

@media(max-width:899px){
 .club-site:has(#confirmation.is-login:not([hidden])) .signup-section{padding:0 22px;max-width:760px}
 #confirmation.is-login .member-hero{min-height:360px;padding:25px 29px 30px}
 #confirmation.is-login .member-hero__headline{font-size:88px}
 #confirmation.is-login .member-hero__content{max-width:66%}
 #confirmation.is-login .member-dashboard-grid{grid-template-columns:1fr;gap:20px}
 #confirmation.is-login .member-invites{padding:31px}
 #confirmation.is-login .member-invites .confirm-referral-q{font-size:60px;max-width:18ch}
 #confirmation.is-login .member-invites .confirm-referral-copy{max-width:42ch}
 #confirmation.is-login .member-invites .referral-stats{max-width:410px}
 #confirmation.is-login .member-invites .referral-link-box{max-width:none}
 #confirmation.is-login .member-stories__header{min-height:195px}
 #confirmation.is-login .member-stories h3{font-size:67px}
}
@media(max-width:599px){
 .club-site:has(#confirmation.is-login:not([hidden])) .signup-section{margin:15px auto 36px;padding:0 16px}
 #confirmation.is-login .member-hero{min-height:385px;padding:18px 21px 24px;margin-bottom:13px}
 #confirmation.is-login .member-hero__image{width:100%;object-position:69% center}
 #confirmation.is-login .member-hero::before{background:linear-gradient(90deg,#11171bf5 0%,#11171bc9 30%,#11171b80 70%,#11171b54)}
 #confirmation.is-login .member-hero__top{margin-bottom:20px;padding-bottom:10px}
 #confirmation.is-login .member-hero__content{max-width:100%}
 #confirmation.is-login .confirm-title{font-size:14px;max-width:26ch;margin-bottom:14px}
 #confirmation.is-login .member-hero__headline{font-size:76px;line-height:.9;letter-spacing:-.015em;max-width:none;margin-bottom:19px}
 #confirmation.is-login .member-hero__intro{font-size:11px;max-width:27ch;margin-bottom:18px}
 #confirmation.is-login .member-hero__actions{gap:8px;flex-direction:column;align-items:flex-start}
 #confirmation.is-login .member-hero__action{font-size:11px;padding:10px 14px;min-height:42px}
 #confirmation.is-login .member-hero__edition{font-size:7px;right:11px;bottom:14px}
 #confirmation.is-login .confirm-kicker{font-size:8px;letter-spacing:.12em}
 #confirmation.is-login .confirm-nav__out{font-size:8px;letter-spacing:.06em}
 #confirmation.is-login .confirm-nav__out::after{font-size:12px;margin-left:3px}
 #confirmation.is-login .confirmation__overview{grid-template-columns:1fr}
 #confirmation.is-login .confirmation__account{padding:20px 22px}
 #confirmation.is-login .confirm-telegram{padding:20px 22px;border-left:0;border-top:1px solid #17202a20}
 #confirmation.is-login .confirm-telegram__copy{font-size:12px}
 #confirmation.is-login .member-telegram-title{font-size:14px}
 #confirmation.is-login .member-pass__label strong{font-size:14px}
 #confirmation.is-login .member-pass__mark{width:57px;height:39px}
 #confirmation.is-login .member-pass__label>span{font-size:10px}
 #confirmation.is-login .confirm-country{margin-left:70px}
 #confirmation.is-login .confirm-number-value{font-size:20px;padding-right:36px}
 #confirmation.is-login .confirm-number .copy-inline{width:38px;height:38px;top:24px}
 #confirmation.is-login .confirm-telegram__qr{grid-template-columns:1fr;justify-items:center}
 #confirmation.is-login .confirm-telegram__qr-frame{width:150px}
 #confirmation.is-login .confirm-telegram__qr-help{text-align:center;max-width:29ch}
 #confirmation.is-login .member-dashboard-grid{gap:16px;margin-top:16px}
 #confirmation.is-login .member-invites{padding:26px 23px 21px}
 #confirmation.is-login .member-invites .confirm-referral-q{font-size:52px;max-width:none}
 #confirmation.is-login .member-invites .confirm-referral-copy{font-size:13px;line-height:1.7;max-width:none;margin-bottom:22px}
 #confirmation.is-login .member-invites .referral-stats{padding:18px 0;margin-bottom:21px}
 #confirmation.is-login .member-stat strong{font-size:57px}
 #confirmation.is-login .member-stat span{font-size:10px}
 #confirmation.is-login .member-invite-code strong{font-size:21px;letter-spacing:.06em}
 #confirmation.is-login .member-invites .referral-link-box{padding:14px 50px 14px 13px}
 #confirmation.is-login .member-invites .referral-link-url{font-size:11px}
 #confirmation.is-login .member-invites .referral-link-label{font-size:8px}
 #confirmation.is-login .member-stories__header{min-height:182px;padding:23px 24px}
 #confirmation.is-login .member-stories h3{font-size:59px}
 #confirmation.is-login .member-stories__body{padding:23px 23px 25px}
 #confirmation.is-login .member-stories__intro{font-size:13px;line-height:1.7}
 #confirmation.is-login .member-stories .field__input{font-size:16px}
 #confirmation.is-login .story-upload-zone{min-height:141px;padding:18px 10px}
 #confirmation.is-login .story-upload-zone strong{font-size:12px}
 #confirmation.is-login .story-upload-zone span{font-size:9px}
 #confirmation.is-login .story-consent{font-size:12px}
 #confirmation.is-login .story-limits{font-size:10px}
 #confirmation.is-login .member-info-grid{grid-template-columns:1fr;margin-top:16px}
 #confirmation.is-login .member-info-card{padding:25px 24px}
 #confirmation.is-login .member-info-card+ .member-info-card{border-left:0;border-top:1px solid #f3f4ee2b}
 #confirmation.is-login .member-info-card h3{font-size:23px}
 #confirmation.is-login .member-info-card p{font-size:12px}
 #confirmation.is-login .member-benefits{padding:0 22px;margin-top:15px}
 #confirmation.is-login .member-benefits>summary{font-size:13px;padding:18px 0}
 #confirmation.is-login .confirm-benefits__list{font-size:12px;line-height:1.8}
}
@media(max-width:359px){
 .club-site:has(#confirmation.is-login:not([hidden])) .signup-section{padding:0 12px}
 #confirmation.is-login .member-hero{padding:17px 18px 23px}
 #confirmation.is-login .member-hero__headline{font-size:70px}
 #confirmation.is-login .member-invites{padding:25px 20px 20px}
 #confirmation.is-login .member-invites .confirm-referral-q{font-size:46px}
 #confirmation.is-login .member-stories__body{padding-left:20px;padding-right:20px}
 #confirmation.is-login .member-stories__header{padding-left:21px;padding-right:21px}
 #confirmation.is-login .member-stories h3{font-size:55px}
}
@media(prefers-reduced-motion:reduce){#confirmation.is-login .member-pass__chevron{transition:none}}

/* Short links stay readable; the local demo is explicitly labelled. */
.referral-demo-note{font-size:10px;line-height:1.6;margin:10px 0;color:inherit}
.referral-link-url{overflow-wrap:anywhere}
#confirmation.is-login .referral-demo-note{color:#dce3ff}
#confirmation.is-login .referral-share-card{margin:16px 0 0;border:1px solid #ffffff30}
#confirmation.is-login .referral-share-card img{display:block;width:100%;height:auto}

/* Story intake stays closed until its private cloud workflow is ready. */
#memberStoryForm[hidden],#memberStorySoon[hidden]{display:none!important}
.member-story-soon{border-left:3px solid #3157ff;background:#e6eaf4;color:#24324b;font-size:13px;line-height:1.7;padding:18px 20px;margin:0}