/* ==========================================================Global Crypto Wallet - Premium UIassets/css/style.css========================================================== */

.gcw-wrap{max-width:820px;margin:50px auto;font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;}

.gcw-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:24px;padding:32px;box-shadow:0 25px 50px rgba(2,6,23,.08);}

.gcw-card h2{margin:0 0 22px;color:#0f172a;font-size:30px;font-weight:700;text-align;}

/* ==========================================================Coin Selection========================================================== */

.gcw-grid{display;grid-template-columns(3,1fr);gap:16px;margin-bottom:26px;}

.gcw-coin{background:#ffffff;border:2px solid #e2e8f0;border-radius:20px;padding:22px 18px;cursor;transition:.25s ease;display;flex-direction;align-items;justify-content;gap:10px;min-height:120px;font-size:34px;font-weight:700;color:#0f172a;}

.gcw-coin span{font-size:15px;font-weight:600;color:#475569;}

.gcw-coin{transform(-3px);box-shadow:0 12px 30px rgba(37,99,235,.12);border-color:#93c5fd;}

.gcw-coin.active{background:#eff6ff;border-color:#2563eb;color:#2563eb;box-shadow:0 10px 25px rgba(37,99,235,.18);}

/* ==========================================================Amount Form========================================================== */

.gcw-card label{display;margin-bottom:10px;font-size:15px;font-weight:600;color:#334155;}

.gcw-amount{width:100%;height:60px;padding:0 18px;border:1px solid #cbd5e1;border-radius:16px;font-size:20px;font-weight:600;outline;transition:.2s ease;box-sizing;}

.gcw-amount{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12);}

.gcw-continue{width:100%;margin-top:22px;height:58px;border;border-radius:16px;background:#2563eb;color:#ffffff;font-size:17px;font-weight:700;cursor;transition:.2s ease;}

.gcw-continue{background:#1d4ed8;transform(-1px);}

/* ==========================================================Modal========================================================== */

.gcw-modal{position;inset:0;background(2,6,23,.72);backdrop-filter(6px);display;align-items;justify-content;padding:20px;z-index:999999;}

.gcw-modal.open{display;animation .25s ease;}

.gcw-modal-box{position;width:100%;max-width:500px;background:#ffffff;border-radius:28px;padding:30px;text-align;box-shadow:0 35px 80px rgba(2,6,23,.35);animation .25s ease;}

.gcw-close{position;top:14px;right:16px;width:40px;height:40px;border;border-radius:50%;background:#f1f5f9;color:#0f172a;font-size:22px;cursor;transition:.2s ease;}

.gcw-close

.gcw-title{margin:8px 0 24px;font-size:28px;font-weight:700;color:#0f172a;}

/* ==========================================================Network Badge========================================================== */

.gcw-network{display;align-items;justify-content;margin:0 auto 18px;padding:10px 18px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.3px;}

/* ==========================================================Wallet Address========================================================== */

.gcw-address{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:18px;font-size:18px;font-weight:800;color:#0f172a;line-height:1.5;word-break;}

.gcw-copy{width:100%;margin-top:16px;height:54px;border;border-radius:16px;background:#2563eb;color:#ffffff;font-size:16px;font-weight:700;cursor;transition:.2s ease;}

.gcw-copy

/* ==========================================================QR Code========================================================== */

.gcw-qr{width:240px;height:240px;object-fit;display;margin:26px auto;border-radius:20px;background:#ffffff;border:1px solid #e5e7eb;padding:12px;}

/* ==========================================================Amount Display========================================================== */

.gcw-amount-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:18px;font-size:28px;font-weight:800;color:#0f172a;margin-top:10px;}

/* ==========================================================Paid Button========================================================== */

.gcw-paid{width:100%;margin-top:20px;height:56px;border;border-radius:16px;background:#16a34a;color:#ffffff;font-size:17px;font-weight:700;cursor;transition:.2s ease;}

.gcw-paid

/* ==========================================================Toast========================================================== */

.gcw-toast{display;margin-top:18px;color:#16a34a;font-weight:700;font-size:15px;}

/* ==========================================================Animations========================================================== */

@keyframes gcwFade{from{opacity:0;}to{opacity:1;}}

@keyframes gcwScale{from{opacity:0;transform(10px) scale(.96);}to{opacity:1;transform(0) scale(1);}}

/* ==========================================================Responsive========================================================== */

@media (max-width:768px){

.gcw-card{
    padding:24px;
}

.gcw-grid{
    grid-template-columns:1fr;
}

.gcw-coin{
    flex-direction:row;
    justify-content:flex-start;
    font-size:30px;
    text-align:left;
    padding:18px;
}

.gcw-title{
    font-size:24px;
}

.gcw-qr{
    width:200px;
    height:200px;
}

.gcw-amount-display{
    font-size:24px;
}

}

@media (max-width:480px){

.gcw-wrap{
    margin:20px auto;
}

.gcw-card{
    padding:18px;
    border-radius:20px;
}

.gcw-card h2{
    font-size:24px;
}

.gcw-modal-box{
    padding:22px;
    border-radius:22px;
}

.gcw-address{
    font-size:16px;
}

.gcw-qr{
    width:180px;
    height:180px;
}

}