:root{--pp-ink:#102a2b;--pp-muted:#637474;--pp-teal:#0f766e;--pp-teal-dark:#0b514d;--pp-aqua:#69e2d5;--pp-cream:#f7f4ec;--pp-paper:#fff;--pp-line:#dce5e2;--pp-night:#102b32;--pp-shadow:0 24px 70px rgba(25,55,52,.11)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--pp-ink);background:radial-gradient(circle at 7% 3%,rgba(105,226,213,.22),transparent 24%),linear-gradient(180deg,#f9fbf9 0,#f4f2eb 100%);font-family:Poppins,system-ui,sans-serif;min-height:100vh}
a{color:inherit}
button,input,select,textarea{font:inherit}
.passport-topbar{width:min(1240px,calc(100% - 40px));display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;padding:22px 0}
.passport-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.025em}.passport-brand span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#fff;background:var(--pp-teal);font-size:.72rem;letter-spacing:.04em}
.passport-topbar nav{display:flex;gap:8px;padding:5px;border:1px solid var(--pp-line);border-radius:999px;background:rgba(255,255,255,.78)}.passport-topbar nav a{padding:9px 14px;border-radius:999px;color:var(--pp-muted);font-size:.72rem;font-weight:700;text-decoration:none}.passport-topbar nav a.active{color:#fff;background:var(--pp-night)}
main{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:30px 0 80px}
.passport-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:26px;align-items:stretch}
.passport-hero-copy{display:flex;flex-direction:column;justify-content:center;min-height:460px;padding:clamp(32px,6vw,76px);border-radius:38px;color:#f5fffd;background:radial-gradient(circle at 86% 8%,rgba(105,226,213,.25),transparent 30%),linear-gradient(145deg,#102b32,#0c5f59 62%,#0f766e);box-shadow:var(--pp-shadow)}
.passport-kicker,.passport-label{font-size:.69rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.passport-kicker{display:flex;align-items:center;gap:8px;color:var(--pp-aqua)}
.passport-hero h1{max-width:13ch;margin:20px 0 18px;font-size:clamp(2.8rem,6.1vw,5.7rem);line-height:.94;letter-spacing:-.068em}.passport-hero-copy>p{max-width:62ch;margin:0;color:#cae2df;font-size:.92rem;line-height:1.75}
.passport-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.passport-trust-row span{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#dff7f3;background:rgba(255,255,255,.07);font-size:.67rem;font-weight:700}
.passport-scan-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:460px;padding:34px;border:1px solid var(--pp-line);border-radius:38px;background:rgba(255,255,255,.92);box-shadow:var(--pp-shadow)}.passport-scan-card:after{content:"";position:absolute;right:-90px;bottom:-100px;width:230px;height:230px;border-radius:50%;background:rgba(105,226,213,.18)}
.passport-scan-icon{width:74px;height:74px;display:grid;place-items:center;margin-bottom:auto;border-radius:22px;color:var(--pp-teal);background:#dff8f3;font-size:2rem}.passport-scan-card .passport-label{margin-top:36px;color:var(--pp-teal)}.passport-scan-card h2{margin:11px 0 10px;font-size:1.8rem;line-height:1.12;letter-spacing:-.04em}.passport-scan-card>p{margin:0;color:var(--pp-muted);font-size:.78rem;line-height:1.65}.passport-scan-card dl{position:relative;z-index:1;display:grid;gap:8px;margin:22px 0 0}.passport-scan-card dl div{display:flex;justify-content:space-between;gap:16px;padding-top:8px;border-top:1px solid var(--pp-line);font-size:.67rem}.passport-scan-card dt{color:var(--pp-muted)}.passport-scan-card dd{margin:0;font-weight:700;text-align:right}
.passport-status{display:flex;align-items:center;gap:10px;margin:22px 0;padding:14px 18px;border:1px solid #b8ddd6;border-radius:15px;color:#155c55;background:#e9faf6;font-size:.76rem;font-weight:650}.passport-status.error{color:#8f2929;border-color:#efc5c5;background:#fff0f0}.passport-status.good{color:#175f43;border-color:#b9dfcd;background:#eaf8f0}.passport-status i{font-size:1rem}
.passport-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px}.passport-panel{min-width:0;margin-bottom:22px;padding:30px;border:1px solid var(--pp-line);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 14px 42px rgba(25,55,52,.065)}.passport-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.passport-panel .passport-label{color:var(--pp-teal)}.passport-panel h2{margin:6px 0 0;font-size:clamp(1.45rem,2vw,2rem);line-height:1.1;letter-spacing:-.045em}.passport-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 10px;border-radius:999px;color:#155c55;background:#dff8f3;font-size:.62rem;font-weight:800}.passport-chip.pending{color:#845b0f;background:#fff1c7}
.passport-empty{display:grid;justify-items:start;gap:8px;padding:24px;border:1px dashed #b9cbc7;border-radius:20px;color:var(--pp-muted);background:#f8fbfa}.passport-empty>i{font-size:1.55rem;color:var(--pp-teal)}.passport-empty p{margin:0;font-size:.75rem;line-height:1.6}
.passport-proof{color:#eefcf9;background:linear-gradient(145deg,#173941,#102b32);border-color:transparent}.passport-proof .passport-label{color:var(--pp-aqua)}.passport-proof ol{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.passport-proof li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.05)}.passport-proof li>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#0b514d;background:var(--pp-aqua);font-size:.74rem;font-weight:800}.passport-proof li div{display:grid;gap:2px}.passport-proof strong{font-size:.75rem}.passport-proof small{color:#bcd3d0;font-size:.64rem;line-height:1.5}
.passport-profile-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:22px;border-radius:22px;background:linear-gradient(135deg,#effbf8,#f8f5ed)}.passport-profile-card img,.passport-avatar-fallback{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;object-fit:cover;color:#fff;background:var(--pp-teal);font-size:1.4rem;font-weight:800}.passport-profile-card h3{margin:0;font-size:1.35rem;letter-spacing:-.035em}.passport-profile-card p{margin:5px 0 0;color:var(--pp-muted);font-size:.73rem;line-height:1.55}.passport-profile-card .passport-tags{grid-column:1/-1}.passport-profile-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;color:#395655;font-size:.65rem;font-weight:650}.passport-tags{display:flex;flex-wrap:wrap;gap:7px}.passport-tags span{padding:6px 9px;border-radius:999px;color:#245d57;background:#dff8f3;font-size:.61rem;font-weight:750}.passport-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.passport-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--pp-line);border-radius:13px;color:var(--pp-ink);background:#fff;font-size:.7rem;font-weight:800;text-decoration:none;cursor:pointer}.passport-button:hover{transform:translateY(-1px)}.passport-button.primary{color:#fff;border-color:var(--pp-teal);background:var(--pp-teal)}.passport-button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.passport-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.passport-form label{display:grid;gap:7px}.passport-form label>span{color:#3e5756;font-size:.68rem;font-weight:750}.passport-form label small{color:var(--pp-muted);font-weight:500}.passport-form .wide,.passport-form-actions{grid-column:1/-1}.passport-form input,.passport-form select,.passport-form textarea{width:100%;min-width:0;padding:12px 13px;border:1px solid #cfdad7;border-radius:12px;color:var(--pp-ink);background:#fbfcfb;font-size:.74rem}.passport-form textarea{resize:vertical}.passport-form input:focus,.passport-form select:focus,.passport-form textarea:focus{outline:3px solid rgba(15,118,110,.12);border-color:var(--pp-teal)}.passport-check{grid-column:1/-1;display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center}.passport-check input{width:18px;height:18px;accent-color:var(--pp-teal)}.passport-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.passport-form-actions>span{color:var(--pp-muted);font-size:.66rem}.passport-form-actions>span.error{color:#a52b2b}.passport-panel-copy{margin:-8px 0 20px;color:var(--pp-muted);font-size:.75rem;line-height:1.65}.passport-community-grid{align-items:start}
.passport-submissions{display:grid;gap:8px;margin-top:20px}.passport-submission{padding:12px 14px;border:1px solid var(--pp-line);border-radius:14px;background:#fafcfb}.passport-submission div{display:flex;align-items:center;justify-content:space-between;gap:12px}.passport-submission strong{font-size:.68rem}.passport-submission span{font-size:.58rem;font-weight:800;text-transform:uppercase;color:#8a650f}.passport-submission p{margin:6px 0 0;color:var(--pp-muted);font-size:.65rem;line-height:1.5}
.passport-roster{display:grid;gap:11px}.passport-traveler{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--pp-line);border-radius:17px;background:#fbfcfb}.passport-traveler img,.passport-traveler .passport-avatar-fallback{width:48px;height:48px;border-radius:15px;font-size:.88rem}.passport-traveler h3{margin:0;font-size:.78rem;letter-spacing:-.02em}.passport-traveler p{margin:3px 0 0;color:var(--pp-muted);font-size:.61rem}.passport-traveler>span{font-size:.75rem}
.passport-boundary{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:2px;padding:24px 28px;border-radius:24px;color:#dcefed;background:var(--pp-night)}.passport-boundary>i{font-size:1.6rem;color:var(--pp-aqua)}.passport-boundary strong{font-size:.82rem}.passport-boundary p{margin:4px 0 0;color:#abc8c4;font-size:.67rem;line-height:1.55}.passport-boundary a{display:flex;align-items:center;gap:8px;color:var(--pp-aqua);font-size:.68rem;font-weight:800;text-decoration:none}
@media(max-width:900px){.passport-hero,.passport-grid{grid-template-columns:1fr}.passport-hero-copy,.passport-scan-card{min-height:0}.passport-scan-icon{margin-bottom:30px}.passport-community-grid{grid-template-columns:1fr}.passport-boundary{grid-template-columns:auto 1fr}.passport-boundary a{grid-column:2}}
@media(max-width:620px){.passport-topbar{width:min(100% - 24px,1240px);align-items:flex-start}.passport-topbar nav{max-width:54%;overflow:auto}.passport-topbar nav a{white-space:nowrap;padding:8px 10px}.passport-topbar nav a:first-child{display:none}main{width:min(100% - 24px,1240px);padding-top:10px}.passport-hero-copy,.passport-scan-card,.passport-panel{padding:23px;border-radius:24px}.passport-hero h1{font-size:2.7rem}.passport-trust-row{display:grid}.passport-panel-head{display:grid}.passport-form{grid-template-columns:1fr}.passport-form .wide,.passport-form-actions{grid-column:auto}.passport-profile-card{grid-template-columns:1fr}.passport-profile-card img,.passport-avatar-fallback{width:64px;height:64px}.passport-boundary{grid-template-columns:1fr;padding:22px}.passport-boundary a{grid-column:auto}.passport-traveler{grid-template-columns:auto 1fr}.passport-traveler>span{grid-column:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.passport-button:hover{transform:none}}
