@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #10b981;--primary-glow: rgba(16, 185, 129, .15);--secondary: #3b82f6;--secondary-glow: rgba(59, 130, 246, .1);--bg-color: #050505;--card-bg: rgba(18, 18, 18, .7);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .03);--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .6);--shadow: 0 40px 100px rgba(0, 0, 0, .8);--btn-text: #000}@media(prefers-color-scheme:light){:root{--bg-color: #f8fafc;--card-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05);--glass-highlight: rgba(255, 255, 255, .5);--text-main: #0f172a;--text-muted: #64748b;--shadow: 0 40px 100px rgba(0, 0, 0, .1);--btn-text: #fff}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle at -10% -10%,var(--primary-glow) 0%,transparent 40%),radial-gradient(circle at 110% 110%,var(--secondary-glow) 0%,transparent 40%);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:background-color .5s ease}.app-container{width:100%;max-width:440px;padding:24px;animation:fadeIn 1s cubic-bezier(.16,1,.3,1)}.payment-card{background:var(--card-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:32px;padding:48px 32px;box-shadow:var(--shadow);position:relative;overflow:hidden;text-align:center;transition:background .5s ease,border .5s ease,box-shadow .5s ease}.logo-section{margin-bottom:32px}.app-logo{height:60px;filter:drop-shadow(0 0 20px rgba(16,185,129,.2));transition:transform .3s ease}.app-logo:hover{transform:scale(1.05)}.header-section{margin-bottom:40px}.tier-badge{display:inline-block;padding:6px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:100px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);margin-bottom:16px}.title{font-size:28px;font-weight:800;margin-bottom:12px;letter-spacing:-.5px;color:var(--text-main)}.subtitle{font-size:15px;color:var(--text-muted);line-height:1.6;max-width:280px;margin:0 auto}.amount-section{margin-bottom:40px;padding:24px;background:#ffffff05;border-radius:24px;border:1px dashed var(--glass-border)}.amount-label{font-size:12px;color:var(--text-muted);margin-bottom:8px;font-weight:500}.amount-value{font-size:44px;font-weight:900;letter-spacing:-1px;color:var(--text-main)}.currency{font-size:20px;color:var(--primary);margin-right:4px;font-weight:600}.primary-button{background:var(--primary);color:var(--btn-text);border:none;border-radius:20px;padding:20px;font-size:16px;font-weight:800;width:100%;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px var(--primary-glow);display:flex;justify-content:center;align-items:center;gap:12px}.primary-button:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px var(--primary-glow);filter:brightness(1.1)}.primary-button:active:not(:disabled){transform:translateY(-1px)}.primary-button:disabled{background:#8080801a;color:var(--text-muted);cursor:not-allowed;box-shadow:none}.status-message{margin-top:24px;padding:16px;border-radius:16px;font-size:13px;font-weight:500;line-height:1.5;animation:slideUp .5s ease-out}.status-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.status-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399}.status-loading{color:var(--text-muted)}.security-footer{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--text-muted);opacity:.5;font-weight:600;text-transform:uppercase;letter-spacing:1px}.security-footer svg{width:14px;height:14px}.spinner{width:18px;height:18px;border:2.5px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:currentColor;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}