@layer vantemio-professional;
@layer vantemio-professional {
 body[data-page=passport]{--passport-ink:#102a3b;--passport-copy:#466373;--passport-line:#bfd2dd;--passport-action:#225f75;background:#edf4f8!important;color:var(--passport-ink)!important;font-family:Onest,system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
 body[data-page=passport] main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
 .passport-overview{background:radial-gradient(ellipse at 85% 5%,#d8eaf599,transparent 46%),linear-gradient(#edf4f8e8,#edf4f8e8),url('/assets/donation-paper-topography.svg') 50% 0/1400px auto,#edf4f8;color:#102a3b}
 .passport-overview-hero{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:52px;padding:56px 40px 48px;min-height:550px}
 .passport-access-state{display:inline-flex;margin:0 0 18px!important;padding:6px 10px;border:1px solid #abc4d1;border-radius:6px;color:#31586d!important;font-size:12px!important;line-height:1.5!important;font-weight:600}
 .passport-overview h1{font-size:clamp(36px,4.1vw,54px)!important;line-height:1.1!important;letter-spacing:-.045em!important;font-weight:650!important;color:#102a3b!important;margin:0 0 22px!important;max-width:700px}
 .passport-overview-lead{font-size:18px!important;line-height:1.7!important;color:#466373!important;max-width:48ch;margin:0 0 28px!important}
 .passport-overview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
 .passport-primary,.passport-secondary,.passport-document-link{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:44px!important;font-size:14px!important;line-height:1.5!important;font-weight:600!important;text-decoration:none!important;border-radius:7px!important}
 .passport-primary{padding:12px 17px!important;color:#fff!important;background:#225f75!important;border:1px solid #34788e!important;box-shadow:inset 0 1px #ffffff26!important}
 .passport-primary:hover{background:#194c60!important}
 body[data-page=passport] .passport-primary{color:#fff!important}
 .passport-secondary,.passport-document-link{color:#244c62!important;padding:8px 0!important;background:transparent!important;border:0!important}
 :is(.passport-primary,.passport-secondary,.passport-document-link)>svg{width:18px!important;height:18px!important;flex-shrink:0!important}
 .passport-overview a:focus-visible{outline:3px solid #327a96!important;outline-offset:4px!important}
 .passport-overview [hidden]{display:none!important}
 .passport-credential-visual{margin:0!important;position:relative;perspective:1000px;min-width:0;isolation:isolate}
 .passport-credential-card{position:relative;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px 22px;overflow:hidden;border:1px solid #aac4d3;border-radius:22px;background:radial-gradient(ellipse at 50% 45%,#fff 0,#e2eef6 55%,#ccdfea);box-shadow:inset 0 1px 0 #fff,0 24px 45px -34px #173d5a88;transform:rotateY(-7deg) rotateX(3deg)}
 .passport-credential-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.7;background:repeating-linear-gradient(0deg,transparent 0 27px,#6b92a513 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,#6b92a513 27px 28px)}
 .passport-credential-brand{position:absolute;top:22px;inset-inline-start:24px;font-size:18px;letter-spacing:-.03em;font-weight:650;color:#102a3b}
 .passport-credential-network{position:absolute;top:25px;inset-inline-end:24px;font-size:12px;color:#466373}
 .passport-credential-gem{width:235px;height:235px;object-fit:contain;display:block;margin:12px 0 18px;filter:drop-shadow(0 12px 20px #2b638f30);animation:passport-crystal-breathe 7s ease-in-out infinite;animation-play-state:paused}
 .passport-credential-labels{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:14px;border-top:1px solid #b5ccd9;color:#31566c;font-size:12px;line-height:1.4;text-align:center}
 .passport-service-links{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px;padding-top:16px;font-size:11px;color:#31566c;text-align:center}
 .passport-service-links>span{border:1px solid #b7ccd8;padding:8px 5px;background:#f4faff;border-radius:5px;min-width:0}
 .passport-service-links::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#9ab9ca}
 .passport-service-links::after{content:"";position:absolute;top:-1px;left:0;width:25%;height:3px;background:linear-gradient(90deg,transparent,#5393ac,transparent);animation:passport-service-signal 5s linear infinite;animation-play-state:paused}
 [data-passport-visual][data-visible=true][data-document-visible=true] :is(.passport-credential-gem),[data-passport-visual][data-visible=true][data-document-visible=true] .passport-service-links::after{animation-play-state:running}
 .passport-overview-principles{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;max-width:1280px;margin:0 auto;padding:44px 40px 56px;border-top:1px solid #c6d8e3}
 .passport-overview-principles h2,.passport-overview-access h2{font-size:clamp(26px,2.6vw,36px)!important;line-height:1.2!important;letter-spacing:-.035em!important;color:#102a3b!important;margin:0!important;font-weight:600!important}
 .passport-overview-principles article{display:flex;gap:20px;margin:0 0 28px}
 .passport-overview-principles article:last-child{margin-bottom:0}
 .passport-overview-principles article>svg{width:30px;height:30px;flex-shrink:0;color:#315f76;margin-top:3px;stroke-width:1.5}
 .passport-overview h3{margin:0 0 7px!important;color:#17394e!important;font-size:20px!important;line-height:1.4!important;font-weight:600!important}
 .passport-overview-principles p,.passport-overview-access p{margin:0!important;color:#466373!important;font-size:16px!important;line-height:1.8!important;max-width:65ch}
 .passport-overview-access{max-width:1200px;margin:0 auto 48px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:54px;padding:32px;border:1px solid #b8d0de;border-radius:12px;background:linear-gradient(115deg,#f8fcff,#dfedf5)}
 .passport-overview-access h2{margin-bottom:16px!important}
 .passport-overview-access>div:last-child{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}
 @keyframes passport-crystal-breathe{0%,100%{transform:translateY(0);filter:drop-shadow(0 12px 20px #2b638f30) brightness(1)}50%{transform:translateY(-5px);filter:drop-shadow(0 18px 24px #2b638f45) brightness(1.13)}}
 @keyframes passport-service-signal{from{transform:translateX(-100%)}to{transform:translateX(500%)}}
 :is(html,body).motion-paused .passport-credential-gem,:is(html,body).motion-paused .passport-service-links::after,:is(html,body).reduce-motion .passport-credential-gem,:is(html,body).reduce-motion .passport-service-links::after{animation-play-state:paused!important}
 @media(prefers-reduced-motion:reduce){.passport-credential-gem,.passport-service-links::after{animation:none!important}.passport-credential-card{transform:none}}
 @media(max-width:900px){.passport-overview-hero{gap:28px;padding-inline:24px}.passport-overview-principles{gap:34px;padding-inline:24px}.passport-overview-access{margin-inline:24px;gap:24px;padding:26px}.passport-credential-brand{font-size:16px}.passport-credential-gem{width:200px;height:200px}}
 @media(max-width:700px){.passport-overview-hero{grid-template-columns:minmax(0,1fr);padding:28px 18px 32px;gap:28px;min-height:0}.passport-overview h1{font-size:34px!important;margin-bottom:16px!important}.passport-overview-lead{font-size:16px!important;line-height:1.65!important;margin-bottom:20px!important}.passport-access-state{margin-bottom:12px!important}.passport-overview-actions{gap:10px 20px}.passport-primary,.passport-secondary{font-size:13px!important}.passport-credential-card{min-height:214px;padding:12px 20px;transform:none;border-radius:14px;align-items:flex-end}.passport-credential-brand{top:22px;inset-inline-start:20px;font-size:18px;max-width:54%;line-height:1.3}.passport-credential-network{top:82px;inset-inline-start:20px;inset-inline-end:auto}.passport-credential-gem{width:150px;height:150px;margin:0 0 14px}.passport-credential-labels{font-size:11px;padding-top:10px}.passport-service-links{margin-top:18px;padding-top:12px;font-size:10px}.passport-overview-principles{display:block;padding:28px 18px}.passport-overview-principles h2{margin-bottom:28px!important}.passport-overview-principles article{gap:14px;margin-bottom:24px}.passport-overview-principles p,.passport-overview-access p{font-size:15px!important;line-height:1.75!important}.passport-overview-access{grid-template-columns:minmax(0,1fr);margin:0 18px 32px;padding:24px 18px;gap:20px}}
}
@layer vantemio-professional {
 body[data-page=passport] .passport-overview *{-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
 body[data-page=passport] .passport-primary{color:#fff!important;-webkit-text-fill-color:#fff!important}
}

@layer vantemio-professional {body[data-page=passport] .passport-overview p{text-align:start!important;hyphens:none!important}}

@layer vantemio-professional {body[data-page=passport] .vm-footer-socials a{background:#e9f2f8!important;color:#21495e!important;-webkit-text-fill-color:#21495e!important;border:1px solid #adc6d5!important;box-shadow:none!important;backdrop-filter:none!important}body[data-page=passport] .vm-footer-socials a::before,body[data-page=passport] .vm-footer-socials a::after{display:none!important}}

@layer vantemio-professional {@media(max-width:360px){.passport-credential-card{align-items:center;min-height:260px;padding:20px}.passport-credential-brand{position:static;align-self:stretch;max-width:calc(100% - 42px);font-size:16px;text-align:start}.passport-credential-network{top:22px;inset-inline-start:auto;inset-inline-end:20px}.passport-credential-gem{align-self:center;width:142px;height:142px;margin:16px 0 14px}}}
