:root{--ink:#07111f;--red:#d9232e;--cream:#f5f1e8}*{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%,#18314a 0,transparent 35%),var(--ink);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))}.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:16px;display:grid;place-items:center;border:2px solid var(--red);color:var(--red);font-weight:1000;font-size:28px}.topbar strong,.topbar span{display:block}.topbar strong{font-size:16px;letter-spacing:.08em}.topbar span{color:#91a3b8;font-size:13px;margin-top:3px}.card-stage{min-height:0;display:grid;place-items:center;padding:8px 20px}.flip-card{width:min(88vw,560px);aspect-ratio:1.586/1;max-height:calc(100svh - 210px);cursor:pointer;perspective:1200px;-webkit-tap-highlight-color:transparent}.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:25px;overflow:hidden;box-shadow:0 24px 65px rgba(0,0,0,.44);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--cream);color:#111}.card-back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;gap:6px}.contact{position:absolute;left:8%;top:10%}.contact h1{margin:0;color:#8f1f25;font-size:clamp(22px,5.2vw,42px)}.contact h2{margin:5px 0 10%;font-size:clamp(16px,3.9vw,30px)}.contact p{font-size:clamp(11px,2.9vw,21px);font-weight:750;line-height:1.25}.contact a{color:inherit;text-decoration:none}.logo{position:absolute;right:7%;bottom:8%;font-size:clamp(25px,6.7vw,52px);font-weight:1000;letter-spacing:-.08em}.logo span,.logo-back span{color:#8f1f25}.tap-hint{position:absolute;left:8%;bottom:7%;font-size:clamp(8px,2.1vw,12px);opacity:.65}.logo-back{font-size:clamp(16px,3.2vw,24px);font-weight:1000;letter-spacing:-.07em}.card-back img{width:min(44%,190px);aspect-ratio:1;background:#fff;padding:5px;border-radius:12px}.card-back strong{font-size:clamp(10px,2.4vw,14px);margin-top:3px}.card-back small{font-size:clamp(8px,1.8vw,10px);opacity:.7}.indicator{display:flex;justify-content:center;align-items:center;gap:14px;color:#91a3b8;font-size:12px;padding-top:8px}.indicator span{width:24px;height:10px;border-radius:99px;background:var(--red)}.hint{text-align:center;color:#91a3b8;font-size:12px;margin:7px 0 0}@media(max-height:700px){.topbar{padding-bottom:6px}.brand-mark{width:43px;height:43px}.flip-card{max-height:calc(100svh - 175px);width:min(80vw,520px)}}@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}}