/* MyVE — information pages and shared footer, Automobile premium concept 02. */
.myveInformationPage{
  --myve-information-width:1360px;
  --myve-information-gutter:clamp(24px,5.8vw,88px);
  position:relative;isolation:isolate;min-height:100vh;padding:0 0 30px;
  background:#070e15;color:#f4f7fb;
}
.myveInformationPage::before{
  content:"";position:absolute;inset:0 0 auto;height:540px;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#030910e6,#030910a8 52%,#03091060),linear-gradient(180deg,#070e1540,#070e15 100%),url('/assets/myve-member-driveway.png') center 40%/cover no-repeat;
}
.myveInformationPage > :is(.myveInformationHeader,.myveInformationIntro,.myveInformationNav,.myveLegalContent,.contactLayout,.myveSiteFooter){
  width:min(var(--myve-information-width),calc(100% - var(--myve-information-gutter)*2));
  margin-inline:auto;box-sizing:border-box;
}
.myveInformationHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px;border-bottom:1px solid #354b587a}
.myveInformationHeader .brandLogoLink{display:inline-flex;color:#f4f7fb;text-decoration:none}
.myveInformationHeader .brandLogo{display:inline-flex;align-items:center;gap:9px;line-height:1;white-space:nowrap}
.myveInformationHeader .myveBrandSymbol{width:40px;height:40px;filter:none}
.myveInformationHeader :is(.myveBrandText,.myveBrandText > span){color:#f4f7fb;font-size:32px;font-weight:800;letter-spacing:-1.2px;line-height:1.1}
.myveInformationHeader .backLink{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #65758085;border-radius:9px;background:#0d18216b;color:#e9f2f7;font-size:13px;font-weight:600;text-decoration:none;box-sizing:border-box}
.myveInformationHeader .backLink:hover{background:#162936;border-color:#a8bbc7}
.myveInformationIntro{padding:46px 0 35px}
.myveInformationIntro .myveKicker{display:flex;align-items:center;gap:14px;color:#a7b9c7;font-size:10px;letter-spacing:.15em;line-height:1.5}
.myveInformationIntro .myveKicker::before{content:"";width:30px;height:2px;background:#58e1ed;flex:0 0 auto}
.myveInformationIntro h1{max-width:1050px;margin:18px 0 18px;color:#f4f7fb;font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}
.myveInformationIntro p{max-width:70ch;margin:0;color:#b9c8d2;font-size:16px;line-height:1.8}
.myveInformationNav{display:flex;flex-wrap:wrap;gap:8px 28px;padding:0 0 17px;border-bottom:1px solid #354b58}
.myveInformationNav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;color:#acbdc9;font-size:13px;line-height:1.5;font-weight:650;text-decoration:none;border-bottom:2px solid transparent;box-sizing:border-box}
.myveInformationNav a:hover{color:#f4f7fb;border-bottom-color:#657b89}
.myveInformationNav a[aria-current="page"]{color:#58e1ed;border-bottom-color:#58e1ed}
.myveInformationPage :is(.legalCard,.contactIntroCard,.contactFormCard){
  min-width:0;border:1px solid #354b58;border-radius:12px;background:linear-gradient(145deg,#182731ed,#0d1821f0);
  box-shadow:inset 0 1px #ffffff05,0 12px 28px #00000024;
}
.myveInformationPage .legalCard{max-width:none;margin:28px 0 0;padding:clamp(24px,4vw,48px)}
.myveInformationPage .legalMarkdown{max-width:84ch;margin-inline:auto;color:#bbcbd6;font-size:15.5px;line-height:1.85;overflow-wrap:anywhere}
.myveInformationPage .legalMarkdown h2{margin:34px 0 13px;color:#f4f7fb;font-size:23px;letter-spacing:-.02em;line-height:1.35}
.myveInformationPage .legalMarkdown h2:first-child{margin-top:0}
.myveInformationPage .legalMarkdown h3{color:#eef4f8;font-size:18px;line-height:1.4}
.myveInformationPage .legalMarkdown strong{color:#edf5fa}
.myveInformationPage .legalMarkdown a{color:#76e3ed;text-underline-offset:4px}
.myveInformationPage .legalMarkdown blockquote{border-color:#58e1ed;border-radius:0 10px 10px 0;background:#112630;color:#d0dfe8}
.myveInformationPage .legalMarkdown hr{border-color:#354b58}
.myveInformationPage .legalLoading{color:#b9c8d2}
.myveInformationPage .contactLayout{gap:24px;margin-top:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.myveInformationPage :is(.contactIntroCard,.contactFormCard){padding:28px}
.myveInformationPage :is(.contactIntroCard,.contactFormCard) > .small{font-size:10px;color:#a7b9c7;letter-spacing:.12em;line-height:1.6}
.myveInformationPage .contactIntroCard h2{margin:14px 0 18px;font-size:30px;color:#f4f7fb;letter-spacing:-.025em;line-height:1.2}
.myveInformationPage .contactFormCard h2{margin:10px 0 8px;color:#f4f7fb;font-size:26px;letter-spacing:-.025em;line-height:1.3}
.myveInformationPage .contactIntroCard p{color:#b9c8d2;line-height:1.8}
.myveInformationPage .myveContactEmail{color:#76e3ed;text-underline-offset:4px;overflow-wrap:anywhere}
.myveInformationPage .contactTopic{border-color:#354b58;border-radius:9px;background:#101d29;color:#e5eef4;padding:15px}
.myveInformationPage .contactTopic small{color:#a7b9c7;line-height:1.6}
.myveInformationPage .contactForm{min-width:0}
.myveInformationPage .contactForm .field :is(input,select,textarea){border-color:#354b58;border-radius:9px;background:#0b1721;color:#f4f7fb;box-sizing:border-box;min-height:46px;max-width:100%}
.myveInformationPage .contactForm .field :is(input,select,textarea):focus{border-color:#58e1ed;background:#0e1d27;box-shadow:0 0 0 2px #58e1ed29}
.myveInformationPage .contactForm :is(.field small,.optional){color:#a7b9c7;line-height:1.6}
.myveInformationPage .contactCaptcha{border-color:#354b58;border-radius:10px;background:#101d29}
.myveInformationPage .contactCaptchaReload{color:#76e3ed;min-height:44px;text-underline-offset:4px}
.myveInformationPage .contactPrivacyNote{color:#a7b9c7;line-height:1.7}
.myveInformationPage .contactPrivacyNote a{color:#76e3ed;text-underline-offset:4px}
.myveInformationPage .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 22px;border:1px solid #58e1ed;border-radius:9px;background:#58e1ed;color:#05202b;font-size:14px;font-weight:700;box-shadow:none;line-height:1.4}
.myveInformationPage .btn:hover{background:#7feaf2;border-color:#7feaf2;transform:none}
.myveInformationPage .btn.secondary{background:#101d29;color:#f4f7fb;border-color:#657580}
.myveInformationPage .btn:disabled{opacity:.45;cursor:not-allowed}
.myveInformationPage :is(a,button,input,select,textarea):focus-visible{outline:3px solid #58e1ed;outline-offset:3px}

/* Identical, explicit links are available on public, demonstration and member pages. */
.myveSiteFooter,.myveLanding .myveSiteFooter,body.myveMemberPage .myveSiteFooter{
  display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);align-items:start;gap:16px 28px;
  margin-top:36px;padding:26px 0 32px;border-top:1px solid #354b58;color:#a7b9c7;font-size:12px;line-height:1.8;
}
.myveSiteFooter .myveFooterIdentity{display:grid;gap:5px;min-width:0}
.myveSiteFooter .myveFooterIdentity strong{color:#edf5fa;font-size:18px;letter-spacing:-.02em}
.myveSiteFooter .myveFooterIdentity span{color:#a7b9c7;font-size:11px;line-height:1.7}
.myveSiteFooter .footerLinks{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 18px;min-width:0;margin:0;padding:0}
.myveSiteFooter .footerLinks a{display:inline-flex;align-items:center;min-height:44px;padding:5px 0;color:#bacbd6;font-size:12px;font-weight:550;line-height:1.5;text-decoration:none;box-sizing:border-box}
.myveSiteFooter .footerLinks a:hover,.myveSiteFooter .footerLinks a[aria-current="page"]{color:#76e3ed;text-decoration:underline;text-underline-offset:5px}
.myveSiteFooter .footerLinks a:focus-visible{outline:3px solid #58e1ed;outline-offset:4px;border-radius:3px}
.myveSiteFooter .myveFooterStatus{grid-column:1/-1;font-size:11px;color:#a7b9c7;line-height:1.8}
.myveSiteFooter .myveFooterSupport{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;min-width:0}
.myveSiteFooter .myveFooterSupportLink{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:11px 18px;border:1px solid #587987;border-radius:9px;background:#101d29;color:#dffaff;font-size:13px;font-weight:650;line-height:1.5;text-decoration:none;box-sizing:border-box;box-shadow:none}
.myveSiteFooter .myveFooterSupportLink:hover{background:#173341;border-color:#76e3ed;color:#76e3ed;transform:none}
.myveSiteFooter .myveFooterSupportLink:focus-visible{outline:3px solid #58e1ed;outline-offset:4px}
/* Shared donation banner: readable text and one explicit, voluntary action. */
.myveSiteFooter .myveDonationBanner{grid-column:1/-1;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 22px;margin:0 0 10px;min-width:0;box-sizing:border-box;border:1px solid #30616d;border-radius:14px;background:radial-gradient(ellipse at 0% 0%,rgba(80,224,235,.12),transparent 62%),linear-gradient(120deg,#10232e,#0a1721);box-shadow:inset 0 1px 0 rgba(126,238,247,.06)}
.myveDonationBanner .myveDonationIcon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #386975;border-radius:50%;background:#143640;color:#60e2ec}
.myveDonationBanner .myveDonationIcon svg{display:block;width:25px;height:25px}
.myveDonationBanner .myveDonationCopy{min-width:0}
.myveDonationBanner .myveDonationCopy h2{margin:0 0 4px;color:#f4f8fb;font-size:20px;font-weight:750;letter-spacing:-.025em;line-height:1.2}
.myveDonationBanner .myveDonationCopy p{margin:0;color:#bacdd7;font-size:14px;line-height:1.5}
.myveDonationBanner .myveDonationCopy strong{color:#79e6ed;font-weight:550}
.myveSiteFooter .myveDonationBanner a.myveDonationButton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;max-width:100%;padding:11px 20px;border:1px solid #ffd76c;border-radius:10px;box-sizing:border-box;background:#ffc439;color:#082d55;font-size:15px;font-weight:800;line-height:1.5;text-align:center;text-decoration:none;box-shadow:0 3px 14px rgba(255,196,57,.16)}
.myveSiteFooter .myveDonationBanner a.myveDonationButton:hover{background:#ffda78;border-color:#ffe5a3;color:#082d55;transform:none}
.myveSiteFooter .myveDonationBanner a.myveDonationButton:focus-visible{outline:3px solid #f4f8fb;outline-offset:4px}
@media(max-width:760px){
  .myveSiteFooter .myveDonationBanner{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px;border-radius:12px}
  .myveDonationBanner .myveDonationIcon{width:36px;height:36px;align-self:start}
  .myveDonationBanner .myveDonationIcon svg{width:22px;height:22px}
  .myveDonationBanner .myveDonationCopy h2{font-size:18px}
  .myveDonationBanner .myveDonationCopy p{font-size:13px}
  .myveSiteFooter .myveDonationBanner a.myveDonationButton{grid-column:1/-1;width:100%}
}
@media(max-width:760px){
  .myveInformationPage{--myve-information-gutter:24px;padding-bottom:16px}
  .myveInformationPage::before{height:470px;background-position:68% top}
  .myveInformationHeader{min-height:82px;gap:12px}
  .myveInformationHeader .myveBrandSymbol{width:32px;height:32px}
  .myveInformationHeader :is(.myveBrandText,.myveBrandText > span){font-size:27px;letter-spacing:-1px}
  .myveInformationHeader .backLink{font-size:12px;padding:10px 12px}
  .myveInformationIntro{padding:35px 0 24px}
  .myveInformationIntro h1{font-size:clamp(32px,8vw,44px);line-height:1.15;margin:16px 0}
  .myveInformationIntro p{font-size:14px;line-height:1.8}
  .myveInformationNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;padding-bottom:16px}
  .myveInformationNav a{font-size:12px;min-width:0;padding:10px 0}
  .myveInformationPage .legalCard{margin-top:20px;padding:22px}
  .myveInformationPage .legalMarkdown{font-size:14px;line-height:1.85}
  .myveInformationPage .legalMarkdown h2{font-size:20px;line-height:1.4;overflow-wrap:anywhere}
  .myveInformationPage .legalMarkdown :is(ul,ol){padding-left:20px}
  .myveInformationPage .contactLayout{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:20px}
  .myveInformationPage :is(.contactIntroCard,.contactFormCard){padding:22px}
  .myveInformationPage .contactIntroCard h2{font-size:26px}
  .myveInformationPage .contactForm .field :is(input,select,textarea){font-size:16px}
  .myveInformationPage .contactCaptchaHead{align-items:flex-start;gap:10px;flex-wrap:wrap}
  .myveInformationPage .contactCaptchaRow{grid-template-columns:minmax(0,1fr)}
  .myveInformationPage .contactSubmitRow .btn{width:100%}
  .myveInformationPage .contactAttachmentItem{flex-wrap:wrap}
  .myveInformationPage .contactAttachmentItem span{min-width:0}
  .myveSiteFooter,.myveLanding .myveSiteFooter,body.myveMemberPage .myveSiteFooter{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:28px;padding:22px 0 28px}
  .myveSiteFooter .footerLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;justify-content:start}
  .myveSiteFooter .footerLinks a{font-size:12px;min-width:0}
}
@media(max-width:360px){
  .myveInformationPage{--myve-information-gutter:18px}
  .myveInformationHeader .backLink{padding-inline:9px;font-size:11px}
  .myveInformationPage :is(.legalCard,.contactIntroCard,.contactFormCard){padding:18px}
}