body{align-items:center;background:linear-gradient(135deg,#5f00ff,#a100ff);display:flex;font-family:sans-serif;height:100vh;justify-content:center}.card{background:#fff;border-radius:20px;text-align:center;width:360px}input{border:1px solid #ddd;border-radius:10px;margin-bottom:15px;padding:12px;width:100%}.grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.grid button{background:#eee;border:none;border-radius:10px;cursor:pointer;padding:10px}.grid button.active{background:#6c00ff;color:#fff}.cash-box{background:#e6fff0;border:2px solid #00c853;border-radius:12px;font-weight:700;margin-bottom:20px;padding:15px}button{background:#6c00ff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;padding:14px;width:100%}button:disabled{opacity:.6}body{background:radial-gradient(circle at 20% 20%,#e0f7fa,#0000 40%),radial-gradient(circle at 80% 80%,#f3e8ff,#0000 40%),linear-gradient(135deg,#eef2ff,#e6ecff);color:#111;font-family:Segoe UI,sans-serif;margin:0}.app{align-items:center;display:flex;justify-content:center;min-height:100vh}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #c8c8ff66;border-radius:28px;box-shadow:0 25px 80px #00000014,0 0 60px #7c4dff33;padding:30px;width:420px}.logo{font-size:32px;font-weight:700;text-align:center}.logo span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00c6ff,#7c4dff,#ff4fd8);-webkit-background-clip:text}.subtitle{letter-spacing:3px;text-align:center}.badges,.subtitle{color:#6b7cff;font-size:12px;margin-bottom:20px}.badges{display:flex;justify-content:space-between}.input-box input{background:#ffffffe6;border:1px solid #9696ff4d;border-radius:14px;color:#111;margin-bottom:20px;outline:none;padding:14px;transition:all .25s ease;width:100%}.input-box input:focus{border-color:#7c4dff;box-shadow:0 0 12px #7c4dff66}.section-title{color:#7c4dff;font-size:13px;letter-spacing:2px;margin:12px 0;text-align:center}.amount-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);max-height:220px;overflow-y:auto;padding-right:5px}.amount-container::-webkit-scrollbar{width:6px}.amount-container::-webkit-scrollbar-thumb{background:linear-gradient(#00c6ff,#7c4dff);border-radius:10px}.amount-box{background:#fff;border:1px solid #b4b4ff66;border-radius:14px;cursor:pointer;padding:14px;text-align:center;transition:all .25s ease}.amount-box:hover{border-color:#7c4dff;box-shadow:0 0 10px #7c4dff4d;transform:translateY(-2px)}.amount-box.active{background:linear-gradient(135deg,#7c4dff,#00c6ff);border:none;box-shadow:0 0 20px #7c4dff99;color:#fff}.type-container{display:flex;gap:12px;margin:15px 0}.type-box{background:#fff;border:1px solid #9696ff4d;border-radius:14px;cursor:pointer;flex:1 1;padding:14px;text-align:center;transition:all .25s ease}.type-box:hover{box-shadow:0 0 12px #7c4dff4d;transform:translateY(-2px)}.type-box.active{background:linear-gradient(135deg,#00c6ff,#7c4dff);border:none;box-shadow:0 0 15px #00c6ff80;color:#fff}.pay-btn{background:linear-gradient(90deg,#00c853,#00e676,#69f0ae);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:.25s;width:100%}.pay-btn:hover{box-shadow:0 0 25px #00c85380;transform:translateY(-2px)}.secure-text{color:#6b7cff;font-size:12px;margin-top:10px;text-align:center}.modal-overlay{left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.modal-box{animation:fadeIn .3s ease;background:linear-gradient(90deg,#7c4dff,#00c6ff);border-radius:14px;box-shadow:0 10px 30px #7c4dff66;color:#fff;font-weight:500;padding:14px 26px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}
/*# sourceMappingURL=main.1bf6b770.css.map*/