:root{color:#14213d;background:radial-gradient(circle at top left,rgba(39,174,96,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(15,23,42,.16),transparent 32%),linear-gradient(135deg,#f6fbf8,#eef4ff 55%,#fff7ef);font-family:IBM Plex Sans,Avenir Next,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;padding:32px 20px 48px;overflow:hidden}.background-orb{position:absolute;width:28rem;height:28rem;border-radius:999px;filter:blur(42px);opacity:.7;pointer-events:none}.orb-left{top:-10rem;left:-8rem;background:#10b98133}.orb-right{right:-10rem;bottom:-14rem;background:#3b82f62e}.checkout-shell{position:relative;z-index:1;width:min(100%,1080px);margin:0 auto;display:grid;gap:20px}.card{border:1px solid rgba(20,33,61,.08);border-radius:28px;background:#ffffffe0;box-shadow:0 22px 70px #14213d14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card,.qr-card,.detail-card,.state-card{padding:24px}.hero-card h1,.qr-card h2,.state-card h1{margin:8px 0 10px;font-size:clamp(2rem,6vw,3.4rem);line-height:.95;letter-spacing:-.04em}.hero-card p,.qr-card p,.state-card p{margin:0;max-width:58ch;color:#14213dbd}.qr-card h2{font-size:clamp(1.7rem,4.2vw,2.6rem);line-height:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#10b9811f;color:#0f766e;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-logo{width:64px;height:64px;object-fit:contain;border-radius:18px;box-shadow:0 12px 28px #14213d1f}.summary-grid{margin-top:24px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.summary-grid>div{padding:16px 18px;border-radius:18px;background:#0f172a0a}.label{display:block;margin-bottom:6px;color:#14213d8f;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.mono{font-family:IBM Plex Mono,SFMono-Regular,monospace;word-break:break-all}.button-row{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:16px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.primary-button{background:linear-gradient(135deg,#0f766e,#15803d);color:#fff;box-shadow:0 16px 30px #0f766e38}.secondary-button{background:#fff;color:#14213d;border-color:#14213d1f}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:default;transform:none}.small-button{min-height:40px;padding-inline:14px}.flash-message{color:#0f766e;font-weight:600}.status-panel{width:100%;margin-top:18px;padding:16px 18px;border-radius:18px;background:#3b82f614}.countdown-panel{width:100%;margin-top:14px;padding:16px 18px;border-radius:18px;background:#dc262614}.countdown-note{margin-top:6px!important;color:#14213dad;font-size:.95rem}.qr-copy{margin-top:4px}.qr-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0f172a85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-popup{width:min(100%,560px);max-height:calc(100vh - 48px);overflow:auto}.qr-popup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.qr-popup-provider{display:block;margin-top:6px;font-size:1.05rem}.qr-popup .qr-frame{margin-top:18px;min-height:auto;padding:0;border:0;border-radius:0;background:transparent}.qr-popup .qr-svg-shell{padding:0;border-radius:0;background:transparent;box-shadow:none}.qr-popup .qr-image{box-shadow:none}.qr-popup .checkout-notes{margin-top:16px}.qr-popup .note-card{padding:0;border-radius:0;background:transparent}.qr-frame{margin-top:24px;display:grid;place-items:center;min-height:320px;padding:24px;border-radius:24px;background:linear-gradient(180deg,#fffffff5,#f1f5f9f0),linear-gradient(135deg,#0f766e14,#2563eb14);border:1px solid rgba(20,33,61,.08)}.qr-frame-empty{color:#14213d99;text-align:center}.qr-image{width:min(100%,340px);height:auto;display:block;border-radius:18px;box-shadow:0 18px 50px #14213d1f;background:#fff}.qr-svg-shell{display:inline-flex;padding:18px;border-radius:22px;background:#fff;box-shadow:0 18px 50px #14213d1f}.qr-svg-shell svg{width:min(100%,340px);height:auto;display:block}.helper-text{margin-top:12px;color:#b45309;font-size:.95rem}.checkout-notes{margin-top:18px;display:grid;gap:16px}.note-card{padding:18px;border-radius:18px;background:#0f172a0a}.note-card strong{display:block;margin-bottom:8px;font-size:1rem}.note-card p{margin:0;color:#14213db8}.state-card{position:relative;z-index:1;width:min(100%,520px);margin:12vh auto 0;display:grid;gap:18px;justify-items:start}.spinner{width:54px;height:54px;border-radius:999px;border:4px solid rgba(20,33,61,.1);border-top-color:#0f766e;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 900px){.checkout-shell{grid-template-columns:minmax(0,1fr)}.hero-card{grid-column:1 / -1}}@media (max-width: 640px){.app-shell{padding-inline:14px}.hero-card,.qr-card,.state-card{padding:20px}.button-row{width:100%;flex-direction:column}.primary-button,.secondary-button{width:100%}.qr-popup-backdrop{padding:12px}.qr-popup-header{flex-direction:column;align-items:stretch}}