*{box-sizing:border-box}html,body{color:#fafafa;background:#09090b;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.landing{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;width:min(680px,100% - 40px);min-height:100vh;margin:0 auto;display:flex}.brand{letter-spacing:.12em;font-size:20px;font-weight:800}.eyebrow,.status{color:#a1a1aa}h1{letter-spacing:-.04em;margin:0;font-size:clamp(42px,8vw,78px);line-height:.98}.lead{color:#d4d4d8;max-width:600px;margin:0;font-size:18px;line-height:1.6}.primaryButton,.secondaryButton{cursor:pointer;border:1px solid #3f3f46;border-radius:999px;padding:14px 20px;text-decoration:none}.primaryButton{color:#09090b;background:#fafafa;border-color:#fafafa;font-weight:700}.secondaryButton{color:#fafafa;background:#18181b}button:disabled{cursor:not-allowed;opacity:.5}.scannerPage{background:#000;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.scannerHeader{z-index:2;min-height:64px;padding:calc(14px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 14px max(18px, env(safe-area-inset-left));background:#09090b;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.status{text-align:right;font-size:13px;line-height:1.4}.cameraStage{place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.cameraFeed{object-fit:cover;background:#050505;width:100%;height:100%;display:block;position:absolute;inset:0}.cardGuide{aspect-ratio:63/88;pointer-events:none;border:2px solid #ffffffe6;border-radius:18px;width:min(78vw,420px);transition:border-color .12s,box-shadow .12s;position:absolute;box-shadow:0 0 0 200vmax #00000061}.cardGuideWaiting{border-color:#ffffffe6}.cardGuideReady{border-color:#4ade80;box-shadow:0 0 0 200vmax #00000047,0 0 0 3px #4ade802e}.guideHint{z-index:2;color:#f4f4f5;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090bc7;border-radius:999px;width:min(88%,520px);padding:9px 12px;font-size:13px;line-height:1.35;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.guideHintReady{color:#bbf7d0}.scannerControls{z-index:2;padding:12px max(18px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:#09090b;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.scannerControls .primaryButton,.scannerControls .secondaryButton{flex:1 1 0;max-width:220px;min-height:48px}@media (max-width:640px){.scannerHeader{align-items:center;gap:12px;min-height:72px}.scannerHeader .brand{flex:none}.scannerHeader .status{max-width:72%;font-size:12px}.cardGuide{border-radius:16px;width:min(78vw,360px)}.guideHint{width:calc(100% - 28px);font-size:12px;bottom:14px}.scannerControls{gap:8px}.scannerControls .primaryButton,.scannerControls .secondaryButton{padding:12px 14px}}