.ppStage{--pp-paper:#221f1b;--pp-paper-2:#1b1916;--pp-ink:var(--ivory);--pp-ink-soft:#f4ede29e;--pp-muted:#a8a095;--pp-rule:#f4ede21a;--pp-saffron:var(--kesar);--pp-sage:var(--tulsi);--pp-guilloche:#e8893a26;--pp-guilloche-2:#7fae841c;--mx:.5;--my:.5;max-width:1040px;margin:0 auto;position:relative}.ppStage[data-state=closed],.ppStage[data-state=opening]{height:min(720px,88vh)}.ppStage[data-state=closed] .pp,.ppStage[data-state=opening] .pp{opacity:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ppStage[data-state=open] .pp{animation:ppReveal .7s var(--ease) both}@keyframes ppReveal{0%{opacity:0;transform:perspective(1400px)rotateX(6deg)translateY(18px)}to{opacity:1;transform:none}}.ppOverlay{z-index:3;background:radial-gradient(60% 55% at 50% 45%,#e8893a1f,#0000 70%),radial-gradient(120% 90% at 50% 120%,#7fae8414,#0000 60%);border-radius:22px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.ppCanvas{opacity:0;transition:opacity .6s var(--ease);cursor:pointer;position:absolute;inset:0}.ppCanvas canvas{display:block;width:100%!important;height:100%!important}.ppOverlay[data-webgl=ready] .ppCanvas{opacity:1}.ppOverlay[data-webgl=ready] .ppStaticCover{opacity:0}.ppStaticCover{aspect-ratio:.708;width:min(300px,64vw);color:var(--kesar);border:2px solid var(--kesar);transition:opacity .5s var(--ease), transform .65s var(--ease);transform-origin:0;background:linear-gradient(160deg,#26231f,#171513);border-radius:10px 16px 16px 10px;align-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:relative;box-shadow:0 30px 80px -30px #000000e6,inset 10px 0 18px -10px #000c}.ppStaticCover:before{content:"";border:1px solid #e8893a66;border-radius:6px 12px 12px 6px;position:absolute;inset:8px}.ppStaticMark{filter:drop-shadow(0 0 10px #e8893a80);width:64px}.ppStaticCover b{font:400 1.25rem var(--font-display);letter-spacing:.22em;text-transform:uppercase;text-align:center}.ppStaticCover small{color:var(--pp-ink-soft);font:400 .7rem var(--font-mono);letter-spacing:.4em;text-transform:uppercase}.ppStage[data-state=opening] .ppOverlay[data-webgl=failed] .ppStaticCover{opacity:0;transform:perspective(900px)rotateY(-100deg)}.ppStage[data-state=opening] .ppOverlay{animation:ppFade .6s 1.1s var(--ease) forwards}.ppOverlay[data-webgl=failed]{animation-delay:.3s!important}@keyframes ppFade{to{opacity:0}}.ppOpen{z-index:2;position:absolute;bottom:26px}.ppStage[data-state=opening] .ppOpen{opacity:0;transition:opacity .3s}.pp{color:var(--pp-ink);position:relative}.ppExample{border:1px dashed var(--pp-muted);color:var(--pp-muted);font:400 .72rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;margin:0 0 12px;padding:3px 12px;display:inline-flex}.ppSpread{isolation:isolate;background:var(--pp-paper);border:1px solid #e8893a59;border-radius:18px;grid-template-columns:1fr 1fr;display:none;position:relative;overflow:hidden;box-shadow:0 50px 120px -50px #000000f2,0 0 0 6px #1c1a17e6,0 0 0 7px #e8893a2e}.ppStage[data-spread="0"] .ppSpread[data-index="0"],.ppStage[data-spread="1"] .ppSpread[data-index="1"]{display:grid}.ppStage[data-state=open][data-dir=forward] .ppSpread{animation:ppTurnForward .62s var(--ease) both}.ppStage[data-state=open][data-dir=back] .ppSpread{animation:ppTurnBack .62s var(--ease) both}@keyframes ppTurnForward{0%{opacity:0;transform-origin:0;transform:perspective(1600px)rotateY(-10deg)translate(30px)}to{opacity:1;transform:none}}@keyframes ppTurnBack{0%{opacity:0;transform-origin:100%;transform:perspective(1600px)rotateY(10deg)translate(-30px)}to{opacity:1;transform:none}}.ppSpread:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#00000052 45%,#ffffff0a 52%,#0000);width:46px;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.ppPage{background:radial-gradient(120% 80% at calc(var(--mx) * 100%) calc(var(--my) * 100%), #e8893a0f, transparent 60%), linear-gradient(180deg, var(--pp-paper), var(--pp-paper-2));min-width:0;padding:30px 30px 40px;position:relative;overflow:hidden}.ppPage>:not(.ppGuilloche){z-index:1;position:relative}.ppGuilloche{z-index:0;pointer-events:none;position:absolute;inset:0}.ppGuilloche canvas{display:block}.ppFolio{text-align:center;color:var(--pp-muted);font:400 .68rem var(--font-mono);letter-spacing:.3em;bottom:14px;left:0;right:0;position:absolute!important}.ppHeading{font:400 .74rem var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--pp-saffron);align-items:center;gap:12px;margin:0 0 18px;display:flex}.ppHeading:after{content:"";background:linear-gradient(90deg,#e8893a80,#0000);flex:1;height:1px}.ppLabel{color:var(--pp-muted);font:400 .64rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.ppLead{color:var(--pp-ink-soft);margin:-6px 0 18px;font-size:.9rem}.ppEmpty{color:var(--pp-muted);font-size:.9rem}.mono{font-family:var(--font-mono);letter-spacing:.04em}.ppDataHead{border-bottom:1px solid #e8893a59;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.ppTitle{font:400 1.15rem var(--font-display);letter-spacing:.24em;text-transform:uppercase}.ppIssuer{color:var(--pp-saffron);font:400 .72rem var(--font-mono);letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:10px;display:inline-flex}.ppChip{width:30px;color:var(--pp-saffron)}.ppCodes{gap:26px;margin:14px 0 16px;display:flex}.ppCodes div,.ppFields div{gap:2px;display:grid}.ppCodes dt,.ppFields dt{color:var(--pp-muted);font:400 .6rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.ppCodes dd{font:500 .95rem var(--font-mono);letter-spacing:.12em;margin:0}.ppDataBody{grid-template-columns:132px 1fr 20px;align-items:start;gap:20px;display:grid}.ppPortrait{aspect-ratio:.78;background:radial-gradient(circle at 50% 42%,#e8893a29,#0000 66%),#191714;border:1px solid #e8893a66;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.ppPortrait svg{width:108%;margin-top:-14%}.ppPortrait path{fill:none;stroke:var(--pp-saffron);stroke-width:1.1px;filter:drop-shadow(0 0 4px #e8893a8c)}.ppBindu{fill:var(--pp-saffron)}.ppPortraitLabel{color:var(--pp-muted);font:400 .56rem var(--font-mono);letter-spacing:.2em;text-transform:uppercase;position:absolute;bottom:8px}.ppHolo{mix-blend-mode:color-dodge;opacity:.55;pointer-events:none;background:repeating-linear-gradient(115deg, transparent 0 6px, #ffffff0d 6px 7px), conic-gradient(from calc(var(--mx) * 300deg) at calc(var(--mx) * 100%) calc(var(--my) * 100%), #e8893a00, #e8893a73, #f4ede259, #7fae8473, #aa96ff66, #e8893a00);transition:background-position .12s;position:absolute;inset:0}.ppFields{grid-template-columns:1fr 1fr;gap:10px 16px;margin:0;display:grid}.ppFields div:first-child{grid-column:1/-1}.ppFields div:first-child dd{font:400 1.5rem/1.15 var(--font-display)}.ppFields dd{overflow-wrap:anywhere;margin:0;font-size:.88rem}.ppPerf{writing-mode:vertical-rl;text-orientation:upright;font:800 1.15rem/1 var(--font-mono);letter-spacing:-.06em;color:#0000;text-align:center;background:radial-gradient(circle,#f4ede299 46%,#0000 52%) 0 0/2.6px 2.6px;-webkit-background-clip:text;background-clip:text;place-self:stretch end}.ppSignature{border-bottom:1px dashed var(--pp-rule);justify-content:space-between;align-items:end;gap:16px;margin-top:16px;padding-bottom:8px;display:flex}.ppSignatureName{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:italic 400 1.5rem var(--font-display);color:var(--pp-ink-soft);transform-origin:0;overflow:hidden;transform:rotate(-3deg)}.ppSignature .ppLabel{text-align:right;flex:none}.ppSignature code{color:var(--pp-ink);margin-left:6px;font-size:.7rem}.ppMicro{white-space:nowrap;color:#e8893a73;font:400 5.5px/1 var(--font-mono);letter-spacing:.08em;margin:10px 0 8px;overflow:hidden}.ppMrz{border:1px solid var(--pp-rule);font:500 clamp(.5rem, 1.25vw, .78rem)/1.55 var(--font-mono);letter-spacing:.1em;color:var(--pp-ink);background:#00000047;border-radius:8px;margin:0;padding:10px 12px;overflow:hidden}.ppEndorse{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.ppEndorse li{border:1px solid var(--pp-rule);background:#0000002e;border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.ppEndorse li[data-ok=true]{border-color:#7fae8459}.ppEndorse b{font-size:.92rem;font-weight:500;display:block}.ppEndorse small{color:var(--pp-ink-soft);overflow-wrap:anywhere;font-size:.8rem}.ppSeal{width:34px;color:var(--pp-muted)}.ppSeal[data-ok=true]{color:var(--pp-sage);filter:drop-shadow(0 0 6px #7fae8473)}.ppVerify{background:linear-gradient(135deg,#e8893a1a,#0000 60%);border:1px solid #e8893a59;border-radius:14px;grid-template-columns:96px 1fr;align-items:center;gap:16px;padding:14px;display:grid}.ppVerify b{font-weight:500;display:block}.ppVerify small{color:var(--pp-ink-soft);margin:4px 0 8px;font-size:.8rem;display:block}.ppVerify a:not(.ppQr){font-size:.85rem}.ppQr{background:#f4ede2;border-radius:10px;width:96px;height:96px;padding:7px;display:block;position:relative;overflow:hidden}.ppQr svg{width:100%;height:100%;display:block}.ppQr:after{content:"";background:var(--kesar);height:2px;box-shadow:0 0 12px 2px var(--kesar-glow);animation:2.6s ease-in-out infinite alternate ppScan;position:absolute;top:8%;left:0;right:0}@keyframes ppScan{to{top:90%}}.ppVisas{gap:14px;display:grid}.ppVisa{transform:rotate(var(--visa-tilt,0deg));background:repeating-linear-gradient(-45deg,#e8893a09 0 2px,#0000 2px 9px),#0003;border:1.5px solid #e8893a8c;border-radius:12px;gap:4px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.ppVisa b{font:400 1.15rem var(--font-display)}.ppVisa>span:not(.ppLabel):not(.ppVisaWord):not(.ppVisaFoot){color:var(--pp-ink-soft);font-size:.88rem}.ppVisaWord{font:700 4.2rem var(--font-display);letter-spacing:.05em;color:#e8893a14;pointer-events:none;position:absolute;top:-14px;right:-6px}.ppVisaFoot{color:var(--pp-muted);letter-spacing:.2em;margin-top:6px;font-size:.64rem}.ppStampsHead{color:var(--pp-ink-soft);flex-wrap:wrap;align-items:baseline;gap:8px 22px;font-size:.85rem;display:flex}.ppBig{font:400 1.9rem var(--font-display);color:var(--pp-ink);margin-right:4px}.ppBars{gap:4px;max-width:260px;margin:12px 0 18px;display:grid}.ppBars span{grid-template-columns:1fr 26px;align-items:center;gap:8px;display:grid}.ppBars i{background:linear-gradient(90deg, var(--kesar), #e8893a66);border-radius:4px;min-width:2px;height:4px;display:block}.ppBars em{font:normal 400 .66rem var(--font-mono);color:var(--pp-muted);text-align:right}.ppStamps{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px 10px;display:grid}.ppStamp{mix-blend-mode:screen;opacity:.88;transition:transform .3s var(--ease), opacity .3s;margin:0}.ppStamp svg{width:100%;display:block}.ppStamp:hover{opacity:1}.ppTurn{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.ppStage:not([data-state=open]) .ppTurn{display:none}.ppTurnDots{gap:8px;display:inline-flex}.ppTurnDots button{background:var(--pp-rule);cursor:pointer;border:0;border-radius:4px;width:28px;height:4px;padding:0}.ppTurnDots button[aria-current=true]{background:var(--kesar);box-shadow:0 0 10px var(--kesar-glow)}.ppNote{color:var(--pp-muted);text-align:center;margin:14px 0 0;font-size:.76rem}.ppList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ppList li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:14px;padding-bottom:8px;font-size:.93rem;display:flex}@media (max-width:760px){.ppStage[data-state=closed],.ppStage[data-state=opening]{height:min(600px,78vh)}.ppSpread{border-radius:16px;grid-template-columns:1fr}.ppSpread:after{background:linear-gradient(#0000,#0000004d 45%,#0000);width:auto;height:28px;inset:50% 0 auto;transform:translateY(-50%)}.ppPage{padding:22px 18px 36px}.ppDataBody{grid-template-columns:96px 1fr;gap:14px}.ppPerf{display:none}.ppSignature{flex-direction:column;align-items:flex-start;gap:6px}.ppSignature .ppLabel{text-align:left}.ppFields{grid-template-columns:1fr;gap:8px}.ppFields div:first-child dd{font-size:1.25rem}.ppCodes{gap:16px}.ppVerify{grid-template-columns:80px 1fr}.ppQr{width:80px;height:80px}.ppStamps{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.ppOverlay{display:none}.ppStage .pp{opacity:1!important;pointer-events:auto!important;animation:none!important}.ppStage[data-state]{height:auto}.ppStage[data-state] .pp{position:relative;overflow:visible}.ppSpread{margin-bottom:18px;animation:none!important;display:grid!important}.ppTurn{display:none!important}.ppQr:after{display:none}}
