/* =============================
   VIRALLOOP - COMPLETE STYLESHEET
   ============================= */

*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter','Segoe UI',sans-serif}
:root{
    --primary:#7c3aed;
    --primary-light:#a855f7;
    --secondary:#1e1b4b;
    --dark:#0f0a1e;
    --card:rgba(30,27,74,0.85);
    --card-solid:#1a1740;
    --gray:#9ca3af;
    --gold:#f59e0b;
    --green:#10b981;
    --blue:#3b82f6;
    --orange:#f97316;
    --text-main:#f1f5f9;
    --text-sub:#94a3b8;
    --border-main:rgba(124,58,237,0.3);
    --input-bg:#0d0b1e;
    --input-color:#f1f5f9;
    --nav-bg:#0f0a1e;
    --header-bg:linear-gradient(90deg,#1a1740,#0f0a1e);
    --platform-btn-bg:#1e1b4b;
    --platform-btn-color:#c4b5fd;
}
[data-theme="light"]{
    --dark:#f0f4ff;
    --card:#ffffff;
    --card-solid:#ffffff;
    --text-main:#1e1b4b;
    --text-sub:#6b7280;
    --border-main:#ddd6fe;
    --gray:#6b7280;
    --input-bg:#f5f3ff;
    --input-color:#1e1b4b;
    --nav-bg:#ffffff;
    --header-bg:linear-gradient(90deg,#ede9fe,#f5f3ff);
    --platform-btn-bg:#ede9fe;
    --platform-btn-color:#5b21b6;
}
body{background:var(--dark);color:var(--text-main);min-height:100vh;transition:background 0.3s,color 0.3s}
p,span,div,li,label{color:inherit}
h1,h2,h3,h4,h5{color:var(--text-main)}

/* --- HEADER --- */
.header{position:fixed;top:0;width:100%;background:var(--header-bg);padding:12px 15px;border-bottom:2px solid var(--primary);z-index:1000;display:flex;justify-content:space-between;align-items:center;color:var(--text-main)}
.logo{display:flex;align-items:center;gap:8px;font-size:1.4rem;font-weight:800;color:var(--primary);text-decoration:none}

/* --- PLATFORM BAR --- */
.platform-bar{position:fixed;top:58px;width:100%;background:var(--dark);z-index:990;display:flex;overflow-x:auto;padding:8px 10px;gap:8px;border-bottom:1px solid #333;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.platform-bar::-webkit-scrollbar{display:none}
.platform-btn{padding:7px 15px;border-radius:20px;background:var(--platform-btn-bg);color:var(--platform-btn-color);border:1px solid var(--border-main);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:7px;font-size:0.85rem;transition:0.3s;flex-shrink:0;font-weight:500;}
.platform-btn.active{background:var(--primary);border-color:var(--primary);font-weight:bold;color:#fff;}

/* --- STATS/BADGES --- */
.stat{background:linear-gradient(45deg,var(--primary),#ff4757);padding:7px 13px;border-radius:20px;font-weight:bold;font-size:0.85rem;color:#fff;display:flex;align-items:center;gap:4px;}
.stat.coins{background:linear-gradient(45deg,var(--gold),#ffed4e);color:#000;cursor:pointer;}

/* --- ADMIN TRIGGER DOT --- */
.admin-trigger{width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer;margin-left:4px;opacity:0.6;transition:0.3s}
.admin-trigger:hover{opacity:1;transform:scale(1.2)}

/* --- SIDEBAR --- */
.sidebar{position:fixed;top:0;left:0;width:260px;height:100%;background:var(--card-solid);border-right:1px solid var(--border-main);transform:translateX(-100%);transition:0.3s;z-index:1100;overflow-y:auto;backdrop-filter:blur(15px);}
.sidebar.open{transform:translateX(0)}
.sidebar-header{padding:20px;border-bottom:1px solid var(--border-main);background:linear-gradient(135deg,var(--secondary),var(--dark));}
.sidebar-menu{padding:10px}
.sidebar-item{padding:13px 15px;margin-bottom:5px;border-radius:10px;cursor:pointer;transition:0.3s;display:flex;align-items:center;gap:12px;color:var(--text-sub);font-weight:500;font-size:0.95rem;}
.sidebar-item:hover,.sidebar-item.active{background:rgba(124,58,237,0.15);color:var(--primary)}
.sidebar-item i{width:20px;text-align:center;}

/* --- BOTTOM NAV --- */
.nav{position:fixed;bottom:0;width:100%;background:var(--nav-bg);display:flex;justify-content:space-around;padding:8px 0;border-top:1px solid var(--border-main);z-index:1000;backdrop-filter:blur(10px);}
.nav-item{color:var(--gray);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:0.72rem;padding:5px 15px;border-radius:10px;transition:0.3s;min-width:60px;}
.nav-item:hover,.nav-item.active{color:var(--primary);background:rgba(124,58,237,0.1)}
.nav-item i{font-size:1.25rem}

/* --- MAIN CONTENT --- */
.main{margin-top:105px;margin-bottom:75px;padding:15px;max-width:900px;margin-left:auto;margin-right:auto;}

/* --- NOTICE BOX --- */
.notice-box{background:linear-gradient(135deg,rgba(0,0,0,0.2),rgba(245,158,11,0.1));border:2px solid var(--gold);border-radius:15px;padding:18px;margin-bottom:18px;}
.notice-title{color:var(--gold);font-size:1rem;font-weight:bold;margin-bottom:10px;text-align:center;}
.notice-urdu{color:var(--text-main);font-size:0.95rem;margin-bottom:6px;text-align:center;font-weight:bold;}
.notice-hindi{color:var(--gray);font-size:0.85rem;margin-bottom:12px;text-align:center;font-style:italic;}
.notice-list{list-style:none;}
.notice-list li{padding:6px 0;border-bottom:1px solid #333;font-size:0.88rem;color:var(--text-sub);}
.notice-list li:last-child{border:none}
.notice-icon{color:var(--primary);margin-right:7px;}

/* --- CAMPAIGN CARDS --- */
.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
.campaign-card{background:var(--card-solid);border-radius:12px;padding:10px;border:1px solid var(--border-main);transition:0.3s;position:relative;box-shadow:0 4px 15px rgba(0,0,0,0.2);}
.campaign-card:hover{border-color:var(--primary);transform:translateY(-2px)}
.card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.card-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.9rem;font-weight:bold;color:#fff;flex-shrink:0;}
.card-avatar.yt{background:linear-gradient(45deg,#ff0000,#ff6b6b)}
.card-avatar.tt{background:linear-gradient(45deg,#010101,#69C9D0)}
.card-avatar.fb{background:linear-gradient(45deg,#1877f2,#42a5f5)}
.card-avatar.ig{background:linear-gradient(45deg,#E1306C,#833ab4)}
.card-avatar.def{background:linear-gradient(45deg,var(--primary),#ff6b6b)}
.card-meta{flex:1;min-width:0;}
.card-meta h4{margin:0 0 2px;font-size:0.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.card-sub{font-size:0.7rem;color:var(--gray);}
.progress-bar-wrap{background:rgba(0,0,0,0.4);border-radius:10px;height:5px;margin:6px 0 3px;overflow:hidden;}
.progress-bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width 0.5s;}
.progress-label{font-size:0.65rem;color:var(--gray);text-align:right;margin-bottom:6px;}
.card-reward{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.reward-coins{color:var(--gold);font-weight:bold;font-size:0.85rem;}
.slots-left{font-size:0.75rem;color:var(--gray);}
.action-btn{width:100%;padding:8px;border:none;border-radius:8px;font-weight:bold;cursor:pointer;transition:0.3s;display:flex;align-items:center;justify-content:center;gap:6px;font-size:0.85rem;}
.btn-subscribe{background:var(--blue);color:#fff}
.btn-like{background:var(--blue);color:#fff}
.btn-subscribe:hover,.btn-like:hover{filter:brightness(1.1);}
.btn-payment{background:linear-gradient(45deg,var(--gold),#ffed4e);color:#000;font-size:1rem;padding:14px;}

/* --- TABS --- */
.tabs{display:flex;gap:8px;margin-bottom:18px;background:var(--card-solid);padding:5px;border-radius:15px;border:1px solid var(--border-main);}
.tab{flex:1;padding:11px;border:none;border-radius:10px;background:transparent;color:var(--text-sub);cursor:pointer;font-weight:600;transition:0.3s;display:flex;align-items:center;justify-content:center;gap:7px;}
.tab.active{background:var(--primary);color:#fff}

/* --- MY CAMPAIGNS / CHANNEL --- */
.my-campaign-card{background:var(--card-solid);border-radius:15px;padding:18px;border:1px solid var(--border-main);margin-bottom:15px;}

/* --- HISTORY --- */
.history-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--border-main);background:var(--card-solid);border-radius:10px;margin-bottom:10px;}
.history-item:last-child{border:none}

/* --- WALLET/EARN --- */
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;}
.stat-card{background:var(--card-solid);border-radius:15px;padding:20px;text-align:center;border:2px solid var(--border-main);}
.stat-card h3{font-size:2rem;margin-bottom:8px;color:var(--gold);}

/* --- LEADERBOARD --- */
.leaderboard-item{display:flex;align-items:center;gap:12px;padding:13px;background:var(--card-solid);border-radius:10px;margin-bottom:10px;border:1px solid var(--border-main);}
.leaderboard-rank{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.1rem;flex-shrink:0;}
.rank-1{background:linear-gradient(45deg,var(--gold),#ffed4e);color:#000}
.rank-2{background:linear-gradient(45deg,#c0c0c0,#e8e8e8);color:#000}
.rank-3{background:linear-gradient(45deg,#cd7f32,#daa520);color:#fff}
.rank-other{background:#333;color:#fff}

/* === MODALS === */
.admin-login-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:9999;justify-content:center;align-items:center;padding:20px;}
.admin-login-modal.active{display:flex}
.admin-login-box{background:var(--card-solid);border-radius:20px;padding:35px 30px;max-width:420px;width:100%;text-align:center;border:2px solid var(--primary);}
.admin-login-box h2{color:var(--primary-light);margin-bottom:18px}
.admin-login-input{width:100%;padding:14px;margin-bottom:13px;border:2px solid var(--border-main);border-radius:10px;background:var(--input-bg);color:var(--input-color);font-size:0.97rem;transition:border-color 0.2s;}
.admin-login-input:focus{border-color:var(--primary);outline:none;}
.admin-login-input::placeholder{color:var(--gray);}
.admin-login-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:10px;font-weight:bold;cursor:pointer;font-size:1rem;}
.admin-login-btn:hover{filter:brightness(1.1);}

.campaign-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:4000;overflow-y:auto;}
.campaign-modal.active{display:block}
.campaign-header{position:sticky;top:0;background:var(--dark);padding:18px 20px;border-bottom:2px solid var(--gold);display:flex;justify-content:space-between;align-items:center;}
.campaign-content{max-width:700px;margin:0 auto;padding:20px;}
.campaign-type{background:var(--card-solid);border-radius:15px;padding:22px;margin-bottom:15px;border:2px solid var(--border-main);cursor:pointer;transition:0.3s;}
.campaign-type:hover{border-color:var(--primary);transform:translateY(-2px);}
.form-step{display:none}
.form-step.active{display:block}
.form-group{margin-bottom:18px;}
.form-input{width:100%;padding:12px 14px;border:2px solid var(--border-main);border-radius:10px;background:var(--input-bg);color:var(--input-color);font-size:0.97rem;transition:border-color 0.2s;}
.form-input:focus{border-color:var(--primary);outline:none;}
.form-input::placeholder{color:var(--gray);}
.calc-box{background:rgba(245,158,11,0.1);border:1px solid var(--gold);border-radius:10px;padding:14px;margin-top:10px;}

.upload-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.97);z-index:4500;flex-direction:column;justify-content:center;align-items:center;padding:20px;}
.upload-overlay.active{display:flex}
.upload-box{background:var(--card-solid);border-radius:20px;padding:30px;max-width:480px;width:100%;text-align:center;border:2px solid var(--gold);}
.upload-area{background:rgba(245,158,11,0.08);border:2px dashed var(--gold);border-radius:15px;padding:30px;margin-bottom:18px;cursor:pointer;transition:0.3s;}
.upload-area:hover{background:rgba(245,158,11,0.15);}
.analyzing{display:none;padding:30px;text-align:center;}
.analyzing.active{display:block}

.payment-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.97);z-index:8000;overflow-y:auto;}
.payment-modal.active{display:block}
.payment-header{position:sticky;top:0;background:var(--dark);padding:18px 20px;border-bottom:2px solid var(--gold);display:flex;justify-content:space-between;align-items:center;}
.payment-content{max-width:580px;margin:0 auto;padding:20px;}
.payment-package{background:var(--card-solid);border-radius:15px;padding:22px;margin-bottom:15px;border:2px solid var(--border-main);cursor:pointer;transition:0.3s;text-align:center;}
.payment-package:hover{border-color:var(--gold);transform:translateY(-2px);}
.payment-package.selected{border-color:var(--gold);background:rgba(245,158,11,0.1);}
.package-coins{font-size:2rem;color:var(--gold);font-weight:bold;margin-bottom:8px;}
.package-price{font-size:1.2rem;color:var(--green);font-weight:bold;}
.payment-methods{display:none;margin-top:20px;}
.payment-methods.active{display:block}
.payment-method{background:var(--card-solid);border-radius:15px;padding:18px;margin-bottom:12px;border:2px solid var(--border-main);cursor:pointer;transition:0.3s;}
.payment-method:hover{border-color:var(--primary);}
.payment-form{display:none;margin-top:18px;background:var(--card-solid);border-radius:15px;padding:20px;border:2px solid var(--gold);text-align:center;}
.payment-form.active{display:block}
.qr-display{background:#fff;padding:18px;border-radius:10px;margin-bottom:18px;color:#000;}
.qr-display *{color:#000!important}
.payment-instructions{background:rgba(255,0,0,0.07);border:2px solid var(--primary);border-radius:10px;padding:14px;margin-bottom:18px;text-align:left;}
.payment-instructions ul{padding-left:18px;}
.payment-instructions li{margin-bottom:7px;font-size:0.88rem;color:var(--gray);}

.image-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.97);z-index:6000;justify-content:center;align-items:center;flex-direction:column;padding:20px;}
.image-modal.active{display:flex}
.image-modal img{max-width:95%;max-height:70vh;object-fit:contain;border:3px solid var(--gold);border-radius:10px;}
.image-modal-info{background:var(--card-solid);padding:18px;border-radius:15px;margin-top:15px;max-width:580px;width:100%;}

/* --- SCREENSHOTS / ADMIN --- */
.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;}
.screenshot-card{background:var(--card);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,0.05);cursor:pointer;transition:0.3s;box-shadow:0 8px 32px rgba(0,0,0,0.37);}
.screenshot-card:hover{transform:translateY(-3px);}
.screenshot-card.pending{border-color:var(--gold);}
.screenshot-card.approved{border-color:var(--green);}
.screenshot-card.rejected{border-color:#ff4757;}
.screenshot-img{width:100%;height:180px;object-fit:cover;background:#333;}
.screenshot-info{padding:13px;}

/* --- PROFILE --- */
.profile-card{background:var(--card-solid);border-radius:20px;padding:25px;border:2px solid var(--border-main);text-align:center;margin-bottom:18px;}
.profile-avatar-big{width:90px;height:90px;border-radius:50%;background:linear-gradient(45deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:bold;color:#fff;margin:0 auto 15px;}

/* --- EARN PAGE --- */
.invite-section{background:var(--card-solid);border-radius:15px;padding:18px;margin-bottom:18px;border:2px solid var(--green);}
.invite-code{background:rgba(16,185,129,0.1);border:2px dashed var(--green);border-radius:10px;padding:14px;text-align:center;font-size:1.3rem;font-weight:bold;color:var(--green);margin:12px 0;cursor:pointer;word-break:break-all;}

/* --- NOTIFICATIONS --- */
.notification-bell{position:relative;cursor:pointer;}
.notification-bell.shake { animation: bellShake 0.5s ease-in-out infinite; }
@keyframes bellShake {
  0% { transform: rotate(0); }
  25% { transform: rotate(15deg); }
  50% { transform: rotate(-15deg); }
  75% { transform: rotate(10deg); }
  100% { transform: rotate(0); }
}
.notification-bell i{font-size:1.3rem;color:var(--gold);}
.notification-badge{position:absolute;top:-5px;right:-5px;background:var(--primary);color:#fff;font-size:0.65rem;padding:2px 5px;border-radius:10px;font-weight:bold;display:none;}
.notification-badge.show{display:block}
.notification-panel{position:fixed;top:75px;right:15px;width:330px;max-height:380px;background:var(--card-solid);border:2px solid var(--primary);border-radius:15px;z-index:998;overflow-y:auto;display:none;backdrop-filter:blur(15px);}
.notification-panel.open{display:block}
.notification-header{padding:13px 15px;border-bottom:1px solid var(--border-main);font-weight:bold;color:var(--primary-light);}
.notification-item{padding:13px 15px;border-bottom:1px solid var(--border-main);cursor:pointer;transition:0.3s;color:var(--text-main);font-size:0.9rem;}
.notification-item:hover{background:rgba(124,58,237,0.08);}

/* --- TOAST --- */
.toast-container{position:fixed;top:90px;right:20px;z-index:7000;display:flex;flex-direction:column;gap:10px;pointer-events:none;}
.toast{background:var(--card-solid);padding:13px 20px;border-radius:10px;border-left:4px solid var(--green);box-shadow:0 5px 20px rgba(0,0,0,0.3);transform:translateX(420px);transition:0.4s;display:flex;align-items:center;gap:10px;pointer-events:auto;min-width:240px;color:var(--text-main);font-size:0.9rem;}
.toast.show{transform:translateX(0)}
.toast.error{border-left-color:#ff4757;}
.toast.info{border-left-color:var(--blue);}

/* --- INFO PAGES --- */
.info-page-content{background:var(--card-solid);padding:22px;border-radius:15px;border:1px solid var(--border-main);line-height:1.7;}
.info-page-content h2{color:var(--gold);margin-bottom:14px;}
.info-page-content h3{color:var(--primary);margin:18px 0 9px;}

/* --- MISC --- */
.hidden{display:none!important}
.loading-spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 0.9s ease-in-out infinite;}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.animate-fade{animation:fadeIn 0.3s ease-out}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#444;border-radius:4px}

/* --- STATUS BADGES --- */
.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:0.78rem;font-weight:bold;}
.badge-pending{background:rgba(245,158,11,0.15);color:var(--gold);border:1px solid var(--gold);}
.badge-approved{background:rgba(16,185,129,0.15);color:var(--green);border:1px solid var(--green);}
.badge-rejected{background:rgba(255,71,87,0.15);color:#ff4757;border:1px solid #ff4757;}

/* --- EMPTY STATE --- */
.empty-state{text-align:center;padding:50px 20px;color:var(--gray);}
.empty-state i{font-size:3rem;margin-bottom:15px;display:block;opacity:0.5;}

/* --- RATING --- */
.rating-stars{font-size:2.2rem;color:var(--gold);cursor:pointer;display:flex;gap:10px;justify-content:center;margin:18px 0;}

@media(max-width:600px){
    .stats-grid{grid-template-columns:1fr 1fr;}
    .screenshot-grid{grid-template-columns:1fr;}
    .content-grid{grid-template-columns:1fr;}
    .notification-panel{width:92%;right:4%;}
    .main{padding:10px;}
}

/* CHAT WIDGET */
.chat-widget-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: linear-gradient(45deg, #1877f2, #00c6ff);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    z-index: 1000;
    transition: transform 0.2s;
}
.chat-widget-btn:hover {
    transform: scale(1.1);
}
.chat-widget {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 320px;
    height: 450px;
    background: var(--card-solid);
    border: 2px solid var(--primary);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    z-index: 1000;
    overflow: hidden;
}
.chat-header {
    background: var(--card-solid);
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-main);
    font-weight: bold;
}
.chat-messages {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.chat-message {
    background: rgba(255,255,255,0.05);
    padding: 10px;
    border-radius: 12px;
    max-width: 85%;
    word-break: break-word;
}
.chat-message.self {
    background: rgba(24,119,242,0.2);
    align-self: flex-end;
}
.chat-meta {
    font-size: 0.7rem;
    color: var(--gray);
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.chat-input-area {
    display: flex;
    padding: 10px;
    background: var(--card-solid);
    border-top: 1px solid var(--border-main);
}
.chat-input-area input {
    flex: 1;
    background: rgba(255,255,255,0.05);
    border: none;
    color: var(--text-main);
    padding: 10px 15px;
    border-radius: 20px;
    outline: none;
}
.chat-input-area button {
    background: var(--primary);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 10px;
    cursor: pointer;
}
.payment-package-card {
    background: #fffcf2;
    border: 2px solid #e2b938;
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
}
.payment-package-card.selected {
    border-color: #ff4757;
    background: #fff0f1;
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(255,71,87,0.3);
}
.payment-package-card .pkg-coins {
    font-size: 1.5rem;
    font-weight: bold;
    color: #e53935;
    margin-bottom: 5px;
}
.payment-package-card .pkg-stats {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 10px;
}
.payment-package-card .pkg-more {
    font-size: 1.2rem;
    font-weight: 900;
    color: #e2b938;
    text-shadow: 1px 1px 0px #000;
    margin-bottom: 10px;
}
.payment-package-card .pkg-price {
    background: #e53935;
    color: #fff;
    padding: 8px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.1rem;
}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider {
  background-color: var(--primary);
}
input:checked + .slider:before {
  transform: translateX(26px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;


}
.global-popup-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; justify-content:center; align-items:center; padding:20px; }
.global-popup-modal.active { display:flex; }

@media(max-width: 400px) { .header { padding: 12px 5px !important; } .logo span { display: none; } }