:root {
    --bg: #f8f7fa;
    --menutxtcl: 111, 115, 145;
    --menutxtweight: 600;
    --intlinear: 90, 99, 129;
    --txtall: 2, 40, 14;
    --cl1: 52, 138, 12;
    --pckdf: var(--cl1);
    --whydf: var(--cl1);
    --lbds: 255, 255, 255;
    --lsdb: 56, 58, 70;
    --text: 85, 85, 85;
    --fixedtel: #d581b4;
}
body.dark {
    --bg: #26272d;
    --menutxtcl: 226, 226, 228;
    --intlinear: 45, 45, 58;
    --txtall: 226, 226, 228;
    --cl1: 77, 198, 21;
    --lbds: 56, 58, 70;
    --lsdb: 255, 255, 255;
    --pckdf: var(--cl1);
    --text: 226, 226, 228;
}

/* 1. ANLIK GİZLEME VE ARKA PLAN (Flash sorununu çözer) */ html, body { height: 100%; margin: 0; overflow: hidden !important; /* Kaydırmayı engelle */ background: #0f172a !important; /* Sayfa yüklenirken siyah kalsın */ } /* Sayfa içeriği yüklenmeden devreye giren kaplama */ html::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at center, #1e293b 0%, #020617 100%); z-index: 2147483647; /* En yüksek katman */ } /* 2. ANA KART TASARIMI */ #maintenance-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2147483648; /* Arka planın bir üstü */ width: 90%; max-width: 420px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; text-align: center; } .glass-panel { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.08); padding: 40px 30px; border-radius: 24px; box-shadow: 0 0 80px rgba(0, 0, 0, 0.6); animation: popIn 0.8s cubic-bezier(0.16, 1, 0.3, 1); } /* 3. İKON VE METİNLER */ .maintenance-icon { font-size: 50px; margin-bottom: 20px; display: inline-block; animation: float 3s ease-in-out infinite; } .glass-panel h1 { color: #ffffff; font-size: 24px; font-weight: 700; margin: 0 0 10px 0; letter-spacing: -0.5px; } .glass-panel p { color: #94a3b8; font-size: 15px; line-height: 1.6; margin: 0 0 30px 0; } /* 4. YENİ WHATSAPP BUTONU (Daha Şık) */ .wp-button-premium { display: flex; align-items: center; justify-content: center; gap: 12px; background-color: #25D366; color: #fff !important; text-decoration: none; padding: 16px 24px; border-radius: 16px; font-weight: 600; font-size: 16px; transition: all 0.3s ease; box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); animation: pulse-green 2s infinite; border: 1px solid rgba(255,255,255,0.2); } .wp-button-premium:hover { transform: scale(1.02); background-color: #22c35e; } .wp-icon-svg { width: 22px; height: 22px; fill: currentColor; } /* 5. ANİMASYONLAR */ @keyframes popIn { 0% { opacity: 0; transform: scale(0.9) translateY(20px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes pulse-green { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }