.passport{background:radial-gradient(circle at 15% 0%,rgba(115,197,231,.16),transparent 50%),linear-gradient(180deg,var(--bg-elev-1, #fff),var(--bg-elev-2, #f4ead7));border:1px solid rgba(10,74,110,.18);border-radius:var(--radius-md, 14px);padding:22px 24px 18px;margin:0 0 24px;box-shadow:0 4px 16px #0a4a6e1a;position:relative}.passport[hidden]{display:none}.passport:before,.passport:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cream, #fbf7ef);border:1px solid rgba(10,74,110,.18)}.passport:before{top:-8px;left:24px}.passport:after{top:-8px;right:24px}.passport-head{margin:0 0 18px}.passport-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--coral, #e26a4a);margin-bottom:6px}.passport-title{font-family:var(--font-display, Georgia, serif);font-size:1.25rem;color:var(--brand, #0a4a6e);margin:0;line-height:1.2;font-weight:500;display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.passport-subtitle{font-family:var(--font-body, system-ui);font-size:13px;color:var(--fg-soft, #5b6b79);font-weight:500}.passport-subtitle span{color:var(--brand, #0a4a6e);font-weight:700}.passport-stamps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:480px){.passport-stamps{grid-template-columns:repeat(2,1fr)}}.stamp{background:var(--bg-elev-1, #fff);border:1px solid rgba(10,74,110,.1);border-radius:10px;padding:12px 12px 10px;text-align:center;position:relative;transition:transform .2s ease,box-shadow .2s ease}.stamp.unlocked{border-color:var(--coral, #e26a4a);box-shadow:0 2px 8px #e26a4a2e;background:linear-gradient(180deg,#fff,#f4ead766)}.stamp.unlocked:hover{transform:translateY(-2px);box-shadow:0 6px 14px #e26a4a3d}.stamp-icon{width:36px;height:36px;border-radius:50%;margin:0 auto 6px;display:grid;place-items:center;background:var(--bg-elev-2, #f4ead7);color:var(--brand, #0a4a6e);font-weight:700;font-size:16px;border:1.5px dashed rgba(10,74,110,.3)}.stamp.unlocked .stamp-icon{background:var(--coral, #e26a4a);color:#fff;border-style:solid;border-color:var(--coral, #e26a4a);transform:rotate(-6deg)}.stamp-name{font-size:12px;font-weight:600;color:var(--fg, #1f2a36);margin:0 0 4px;line-height:1.25}.stamp.unlocked .stamp-name{color:var(--brand, #0a4a6e)}.stamp-progress{font-size:11px;color:var(--fg-soft, #5b6b79);margin:0}.stamp.unlocked .stamp-progress{color:var(--coral, #e26a4a);font-weight:600}.passport-foot{margin-top:14px}.passport-hint{margin:0;font-size:12px;color:var(--fg-soft, #5b6b79);text-align:center;font-style:italic;min-height:1.2em}:root[data-theme=dark] .passport,html.dark .passport{background:radial-gradient(circle at 15% 0%,rgba(115,197,231,.12),transparent 50%),linear-gradient(180deg,#16242f,#1a2837);border-color:#ffffff24;box-shadow:0 4px 16px #00000052}:root[data-theme=dark] .passport:before,:root[data-theme=dark] .passport:after,html.dark .passport:before,html.dark .passport:after{background:#0a1620;border-color:#ffffff2e}:root[data-theme=dark] .passport-eyebrow,html.dark .passport-eyebrow{color:#f0937a}:root[data-theme=dark] .passport-title,html.dark .passport-title{color:#cfe5f3}:root[data-theme=dark] .passport-subtitle,html.dark .passport-subtitle{color:#9aaebf}:root[data-theme=dark] .passport-subtitle span,html.dark .passport-subtitle span{color:#cfe5f3}:root[data-theme=dark] .stamp,html.dark .stamp{background:#ffffff0a;border-color:#ffffff1a}:root[data-theme=dark] .stamp.unlocked,html.dark .stamp.unlocked{background:#e26a4a1f;border-color:#f0937a;box-shadow:0 2px 8px #e26a4a38}:root[data-theme=dark] .stamp-icon,html.dark .stamp-icon{background:#ffffff0f;color:#cfe5f3;border-color:#ffffff38}:root[data-theme=dark] .stamp.unlocked .stamp-icon,html.dark .stamp.unlocked .stamp-icon{background:#f0937a;color:#1a2837;border-color:#f0937a}:root[data-theme=dark] .stamp-name,html.dark .stamp-name{color:#ecf2f8}:root[data-theme=dark] .stamp.unlocked .stamp-name,html.dark .stamp.unlocked .stamp-name{color:#cfe5f3}:root[data-theme=dark] .stamp-progress,html.dark .stamp-progress{color:#9aaebf}:root[data-theme=dark] .stamp.unlocked .stamp-progress,html.dark .stamp.unlocked .stamp-progress{color:#f0937a}:root[data-theme=dark] .passport-hint,html.dark .passport-hint{color:#9aaebf}