:root{--navy:#071525;--muted:#91a3b8;--card:#fff}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 90% 8%,#17334e 0,transparent 35%),var(--navy);color:#fff}body{min-height:100svh}.app-shell{height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:max(14px,env(safe-area-inset-top)) 0 max(14px,env(safe-area-inset-bottom));overflow:hidden}.topbar{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:14px;padding:0 18px 12px}.brand-mark{width:50px;height:50px;border-radius:15px;object-fit:contain;background:#fff;padding:4px;box-shadow:0 5px 18px rgba(0,0,0,.22)}.topbar strong,.topbar span{display:block}.topbar strong{font-size:16px;letter-spacing:.08em}.topbar span{color:#8ecaf0;font-size:13px;margin-top:3px}.card-stage{min-height:0;display:grid;place-items:center;padding:8px 20px;overflow:hidden}.flip-card{width:min(92vw,720px);aspect-ratio:1.586/1;max-height:calc(100svh - 190px);cursor:pointer;perspective:1400px;-webkit-tap-highlight-color:transparent;outline:none}.flip-card:focus-visible{border-radius:20px;box-shadow:0 0 0 4px rgba(0,168,224,.7)}.flip-inner{position:relative;width:100%;height:100%;transition:transform .48s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.flip-card.show-qr .flip-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:22px;overflow:hidden;box-shadow:0 24px 65px rgba(0,0,0,.44);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--card)}.card-front img{width:100%;height:100%;display:block;object-fit:fill}.card-back{transform:rotateY(180deg);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(110px,.75fr);grid-template-rows:1fr auto auto;column-gap:4%;align-items:center;padding:7% 8%;color:#173c75;text-align:center}.full-logo{width:100%;height:auto;grid-row:1/4;align-self:center}.qr{width:min(100%,185px);aspect-ratio:1;justify-self:center;display:block;border-radius:10px}.card-back strong{font-size:clamp(10px,2vw,16px);margin-top:5px}.card-back small{font-size:clamp(8px,1.4vw,11px);color:#64748b;margin-top:3px}.tap-hint,.footer{text-align:center;margin:0}.tap-hint{color:var(--muted);font-size:12px;padding-top:8px}.footer{color:#6f8298;font-size:11px;padding-top:6px}@media(max-width:600px){.flip-card{width:min(94vw,620px)}.card-face{border-radius:16px}.card-back{padding:6% 7%;column-gap:3%}.qr{width:min(100%,135px)}}@media(max-height:700px){.topbar{padding-bottom:6px}.brand-mark{width:43px;height:43px}.flip-card{max-height:calc(100svh - 155px);width:min(88vw,650px)}.tap-hint{padding-top:3px}}@media(orientation:portrait) and (max-width:500px){.card-stage{padding:8px}.flip-card{width:96vw}.topbar{padding-left:12px}}@media(display-mode:standalone){.app-shell{padding-top:max(12px,env(safe-area-inset-top))}}