:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17213d;background:#f5f6fb;--primary:#6546c9;--primary-dark:#5135ae;--ink:#17213d;--muted:#78849d;--line:#e1e5ef;--surface:#fff;--soft:#f2efff;--shadow:0 24px 70px rgba(27,38,75,.11)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0 0,#eeeaff 0,transparent 30%),linear-gradient(135deg,#f7f8fc,#f1f3f9);color:var(--ink)}button,input{font:inherit}.shell{width:min(100% - 2rem,58rem);margin:0 auto;padding:2rem 0 3rem}.brand{display:flex;align-items:center;gap:.9rem;margin-bottom:1.7rem}.brand-mark{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:1.05rem;background:linear-gradient(145deg,#7353dc,var(--primary-dark));color:#fff;font-weight:900;font-size:1.45rem;box-shadow:0 .8rem 1.5rem #6546c932}.brand strong,.brand span{display:block}.brand strong{font-size:1.05rem;letter-spacing:-.02em}.brand span{color:var(--muted);font-size:.86rem;margin-top:.22rem}.icon-button{margin-left:auto;width:3.2rem;height:3.2rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer;box-shadow:0 .5rem 1rem #1b264b09}.card{background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:1.7rem;padding:clamp(1.5rem,4vw,2.6rem);box-shadow:var(--shadow)}.eyebrow{margin:0 0 .7rem;color:var(--primary);letter-spacing:.19em;font-size:.72rem;font-weight:900}.muted{color:var(--muted);line-height:1.55}h1{margin:.1rem 0;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.055em;line-height:1.05}label{display:block;font-weight:800;margin:1.6rem 0 .55rem}input{width:100%;border:1px solid #d7ddea;border-radius:.9rem;padding:1rem;font-size:1.05rem;outline:0;background:#fff;transition:border .2s,box-shadow .2s}input:focus{border-color:#876de4;box-shadow:0 0 0 .25rem #6546c91a}.primary,.secondary{border:0;border-radius:.95rem;padding:1rem 1.2rem;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.primary{width:100%;color:#fff;background:linear-gradient(135deg,#7050d6,var(--primary-dark));box-shadow:0 .7rem 1.3rem #6546c932}.primary:hover,.secondary:hover,.keypad button:hover{transform:translateY(-1px)}.secondary{background:var(--soft);color:#5435b4}.error{color:#c23b4b;font-weight:600}.status{min-height:1.3rem;margin:.85rem 0 0;color:var(--primary);font-weight:750}.app-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:1.6rem;border-bottom:1px solid #edf0f6}.app-header .secondary{margin-top:0}.amount-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.amount-head label{margin-bottom:.55rem}.currency-badge{padding:.4rem .65rem;border-radius:.55rem;background:var(--soft);color:var(--primary);font-size:.75rem;font-weight:900;letter-spacing:.08em}.amount-display{position:relative}.amount-display input{height:5.3rem;padding:1rem 5rem 1rem 1.25rem;border-radius:1.1rem;font-size:2rem;font-weight:850;letter-spacing:-.04em}.amount-display span{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:850}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1rem 0}.keypad button{min-height:3.8rem;border:1px solid var(--line);border-radius:.9rem;background:#fafbfe;color:var(--ink);font-size:1.25rem;font-weight:800;cursor:pointer;transition:transform .15s,background .15s}.keypad button:active{transform:scale(.97);background:var(--soft)}.keypad .keypad-action{color:var(--primary);font-size:.86rem;background:var(--soft)}.payment-submit{margin-top:.4rem}.payment-submit span{margin-left:.35rem;font-size:1.2rem}.result{text-align:center;border-top:1px solid #e8ebf3;margin-top:1.6rem;padding-top:1.6rem}.qr{width:240px;height:240px;margin:0 auto 1rem;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden}.qr img{display:block;width:220px;height:220px}.result a{display:block;word-break:break-all;color:#5435b4;font-weight:650}.dark{color:#edf0fa;background:#111628;--ink:#edf0fa;--muted:#aab4cd;--line:#35405d;--surface:#1b2338;--soft:#282143}.dark .card,.dark .icon-button{background:rgba(27,35,56,.97);border-color:var(--line)}.dark input,.dark .keypad button{background:#151b2e;color:#fff;border-color:var(--line)}.dark .keypad .keypad-action{background:#282143;color:#bcaeff}.dark .amount-display span{color:#aab4cd}@media(max-width:560px){.shell{width:min(100% - 1rem,58rem);padding-top:1rem}.card{border-radius:1.3rem;padding:1.35rem}.app-header{align-items:stretch;flex-direction:column}.app-header .secondary{align-self:flex-start}.keypad button{min-height:3.5rem}.brand{margin-bottom:1rem}}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17213d;background:#f5f6fb;--primary:#6546c9;--primary-dark:#5135ae;--ink:#17213d;--muted:#78849d;--line:#e1e5ef;--surface:#fff;--soft:#f2efff;--shadow:0 24px 70px rgba(27,38,75,.11)}