:root{--bg: radial-gradient(1200px 500px at 10% -20%, #f0f4ff 0%, #e4eaf8 45%, #d7dfef 100%);--card-bg: #ffffff;--card-border: #d6dbe8;--title: #131724;--text: #5f657b;--label: #1a1f2e;--input-bg: #f1f3f8;--input-border: #e5e9f2;--button-bg: #040614;--button-hover: #10162f;--button-focus: #5f72d9;--divider: #e2e6f0;--shadow: 0 20px 48px rgba(20, 25, 45, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.layout{width:100%;max-width:560px}.payment-card{width:100%;max-width:560px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;box-shadow:var(--shadow);padding:26px}.result-card{text-align:center}.result-header{display:grid;justify-items:center;gap:10px;margin-bottom:10px}.result-icon{width:58px;height:58px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}.result-icon-success{color:#0e7f56;background:linear-gradient(180deg,#d9f8ea,#b8f0d7);border:1px solid #97e5c4}.result-icon-failure{color:#a13838;background:linear-gradient(180deg,#fde8e8,#fbd6d6);border:1px solid #f2bcbc}.result-card-success .title{color:#12233a}.result-card-failure .title{color:#2b1a1a}.header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.title{margin:0;color:var(--title);font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.01em}.subtitle{margin:0 0 20px;color:var(--text);font-size:18px;line-height:1.45}.result-note{margin:0 0 16px;color:#4e5773;font-size:15px;line-height:1.5}.amount-field,.field{margin-bottom:14px}.label{display:inline-block;margin-bottom:8px;color:var(--label);font-size:16px;font-weight:700}.input{width:100%;height:52px;border-radius:9px;border:1px solid var(--input-border);background:var(--input-bg);color:#333a4f;padding:0 14px;font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input::placeholder{color:#7d8498}.input:focus-visible{border-color:var(--button-focus);box-shadow:0 0 0 3px #5f72d933;background:#f8f9fc}.helper{margin:8px 0 0;color:#6e758a;font-size:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit-btn{width:100%;height:52px;margin-top:2px;border:0;border-radius:10px;background:linear-gradient(180deg,#151e3b,#070c1f);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .06s ease}.submit-btn:hover{background:linear-gradient(180deg,#1b2850,#0d1430)}.submit-btn:active{transform:translateY(1px)}.submit-btn:focus-visible{outline:3px solid rgba(95,114,217,.34);outline-offset:2px}.secure-note{margin:14px 0 16px;text-align:center;color:#6f768d;font-size:16px}.divider{margin:0 0 12px;border:0;height:1px;background:var(--divider)}.hint{margin:0;text-align:center;color:#6f768d;font-size:16px;line-height:1.45}.result-meta{margin:0 0 16px;padding:12px;border:1px solid var(--card-border);border-radius:12px;background:#f8faff;text-align:left}.result-line{margin:0;display:flex;justify-content:space-between;gap:12px;color:#374057;font-size:14px;line-height:1.6}.result-line span{color:#6f768d}.result-line strong{font-weight:700;color:#1a1f2e;max-width:64%;text-align:right;word-break:break-word}.result-btn{margin-top:6px}@media (max-width: 640px){.page{padding:16px}.layout{max-width:560px}.payment-card{max-width:100%;padding:18px}.row{grid-template-columns:1fr;gap:12px}.title{font-size:26px}.subtitle,.label,.input,.secure-note,.hint{font-size:15px}.input{height:48px}.helper{font-size:13px}}