*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}body{color:#333}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 40px rgba(0,0,0,.1);margin:20px auto;max-width:600px}h1{font-size:32px;margin-bottom:24px;text-align:center}h1,h2{color:#333}h2{font-size:24px;margin-bottom:16px}input[type=number],input[type=tel],input[type=text],textarea{width:100%;padding:14px 18px;font-size:18px;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:16px;transition:border-color .3s;font-family:inherit}textarea{resize:vertical;min-height:100px}input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:#667eea}button{width:100%;padding:14px 24px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:12px}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#6c757d}.btn-success{background:#28a745}.btn-danger{background:#dc3545}.error{background:#fee;color:#c33;border-left:4px solid #c33}.error,.success{padding:12px;border-radius:8px;margin-bottom:16px}.success{background:#efe;color:#3c3;border-left:4px solid #3c3}.info{background:#e3f2fd;color:#1976d2;padding:12px;border-radius:8px;margin-bottom:16px;border-left:4px solid #1976d2}.qr-container{display:flex;flex-direction:column;align-items:center;margin:24px 0;padding:24px;background:#f8f9fa;border-radius:12px}.qr-code{margin:16px 0}.amount-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:12px;gap:12px;margin:24px 0}.amount-button{padding:16px;font-size:16px}.balance-display{font-size:48px;font-weight:700;text-align:center;color:#667eea;margin:24px 0}.deposit-list{list-style:none;margin:16px 0}.deposit-item{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:background .2s;border:2px solid transparent}.deposit-item:hover{background:#e9ecef}.deposit-item.selected{border-color:#667eea;background:#e7ecff}.deposit-item h3{font-size:18px;margin-bottom:8px}.deposit-item p{color:#666;font-size:14px}.loading{text-align:center;padding:24px;color:#666}.spinner{border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:10px}.card{padding:20px;margin:10px 0}h1{font-size:24px;margin-bottom:16px}h2{font-size:20px}.balance-display{font-size:36px}.amount-grid{grid-template-columns:repeat(3,1fr);gap:8px}.amount-button{padding:12px 8px;font-size:14px}input[type=number],input[type=tel],input[type=text]{font-size:16px;padding:12px 16px}.qr-code{transform:scale(.8)}button{font-size:16px;padding:12px 20px}}@media (max-width:480px){.amount-grid{grid-template-columns:repeat(2,1fr)}.qr-code{transform:scale(.7)}}