.tg-widget{ width:200px; height:200px; position:relative; background:transparent; display:flex; justify-content:center; align-items:center; overflow:visible; } /* PLANETE */ .planet{ width:80px; height:80px; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center; background: radial-gradient(circle at 30% 30%, #8cf8ff, #13c8ff 60%, #006eff); box-shadow: 0 0 10px rgba(0,255,255,.35), 0 0 20px rgba(0,180,255,.25); animation:planetPulse 4s ease-in-out infinite; z-index:3; } .telegram-logo{ font-size:30px; color:white; text-shadow: 0 0 8px rgba(255,255,255,.9); } /* ORBITES */ .orbit{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(0,180,255,.18); } .orbit-a{ width:120px; height:120px; animation:orbitSpin 10s linear infinite; } .orbit-b{ width:170px; height:170px; animation:orbitSpin 16s linear infinite reverse; } /* SATELLITES */ .sat{ position:absolute; border-radius:50%; background:#ffffff; box-shadow: 0 0 8px #00ffff, 0 0 15px #00ffff; } .sat-a{ width:10px; height:10px; left:50%; top:-5px; margin-left:-5px; } .sat-b{ width:12px; height:12px; left:50%; bottom:-6px; margin-left:-6px; } /* ONDES RADIO */ .signal{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; border:2px solid rgba(0,200,255,.4); pointer-events:none; } .s1{ width:90px; height:90px; animation:radioWave 3s infinite; } .s2{ width:120px; height:120px; animation:radioWave 3s infinite 1s; } .s3{ width:150px; height:150px; animation:radioWave 3s infinite 2s; } /* ANIMATIONS */ @keyframes orbitSpin{ from{ transform:translate(-50%,-50%) rotate(0deg); } to{ transform:translate(-50%,-50%) rotate(360deg); } } @keyframes radioWave{ 0%{ opacity:0; transform:translate(-50%,-50%) scale(.45); } 40%{ opacity:.7; } 100%{ opacity:0; transform:translate(-50%,-50%) scale(1.3); } } @keyframes planetPulse{ 50%{ transform:scale(1.06); } }

🇫🇷 FRANÇAIS
🔥🎛️ CYBER TECHNO HOUSE SET #20 • IN BUSH? FRANCE 🇫🇷🌙
Nouveau live à 22h00, produit et joué en direct sur Ableton Live 🎹💻🎚️⚡
Techno, cyber vibes, liberté et good energy 🌈🏳️‍🌈💜🇯🇲🌴🔊

Si tu kiffes le voyage, partage, abonne-toi et souscris 🙏❤️
Donne-moi de la force 💪🔥 Chaque soutien compte énormément !
Merci la famille 🫶🎧🌍 PEACE • LOVE • MUSIC ✌️🌈

🇺🇸 ENGLISH US
🔥🎛️ CYBER TECHNO HOUSE SET #20 • IN BUSH? FRANCE 🇫🇷🌙
Going live at 10 PM, performed live with Ableton Live 🎹💻🎚️⚡
Techno, cyber vibes, freedom & good energy 🌈🏳️‍🌈💜🇯🇲🌴🔊

If you enjoy the journey, share, follow & subscribe 🙏❤️
Show me some love and give me strength 💪🔥 Every bit of support means a lot!
Thank you, family 🫶🎧🌍 PEACE • LOVE • MUSIC ✌️🌈

🇪🇸 ESPAÑOL
🔥🎛️ CYBER TECHNO HOUSE SET #20 • IN BUSH? FRANCE 🇫🇷🌙
En directo a las 22:00, producido y tocado en vivo con Ableton Live 🎹💻🎚️⚡
Techno, cyber vibes, libertad y buena energía 🌈🏳️‍🌈💜🇯🇲🌴🔊

Si te gusta el viaje, comparte, sígueme y suscríbete 🙏❤️
¡Dame fuerza y apoyo! 💪🔥 Cada apoyo cuenta muchísimo.
¡Gracias, familia! 🫶🎧🌍 PAZ • AMOR • MÚSICA ✌️🌈

🇸🇦 العربية
🔥🎛️ CYBER TECHNO HOUSE SET #20 • IN BUSH? FRANCE 🇫🇷🌙
مباشر الساعة 22:00، أداء موسيقي حي باستخدام Ableton Live 🎹💻🎚️⚡
تكنو، أجواء سايبر، حرية وطاقة إيجابية 🌈🏳️‍🌈💜🇯🇲🌴🔊

إذا أعجبك الجو، شارك وتابع واشترك 🙏❤️
ادعمني وأعطني المزيد من القوة للاستمرار 💪🔥
شكراً لكم يا أصدقاء 🫶🎧🌍 سلام • حب • موسيقى ✌️🌈

.d4l-kick-panel{ max-width:950px; margin:30px auto; font-family:inherit; } .d4l-body{ background:#fff; border-radius:22px; padding:35px; text-align:center; box-shadow:0 15px 40px rgba(0,0,0,.10); border:1px solid #eee; } .d4l-header{ display:flex; align-items:center; gap:10px; margin-bottom:15px; font-weight:700; } .d4l-live-pulse{ width:12px; height:12px; border-radius:50%; background:#00ff66; animation:pulse 1.6s infinite; } .d4l-avatar img{ width:80px; height:80px; border-radius:50%; } .d4l-body h2{ margin-top:15px; margin-bottom:10px; font-size:32px; } .d4l-desc{ max-width:650px; margin:auto; opacity:.8; } .d4l-status{ margin-top:20px; display:inline-flex; align-items:center; gap:8px; background:#f2fff2; color:#118c11; padding:10px 18px; border-radius:50px; } .status-dot{ width:10px; height:10px; border-radius:50%; background:#00ff66; } .d4l-buttons{ margin-top:25px; display:flex; justify-content:center; gap:15px; flex-wrap:wrap; } .d4l-buttons a{ text-decoration:none; padding:14px 24px; border-radius:12px; font-weight:bold; transition:.3s; background:#53fc18; color:#000; } .d4l-buttons a.watch{ background:#000; color:#fff; } .d4l-buttons a:hover{ transform:translateY(-3px); } .d4l-stats{ margin-top:30px; display:grid; gap:15px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); } .d4l-stats .card{ background:#f8f8f8; border-radius:15px; padding:20px; } .value{ display:block; font-size:26px; font-weight:700; } .label{ opacity:.75; } @keyframes pulse{ 0%{transform:scale(1);} 50%{transform:scale(1.4);} 100%{transform:scale(1); #d4l-card, #d4l-card * { box-sizing: border-box; } #d4l-card { –ink:#15131b; –white:#fff; –pink:#ff2bd6; –cyan:#00eaff; –lime:#bcff00; –violet:#7c3cff; –orange:#ff7a00; position:relative; isolation:isolate; width:min(1120px,100%); margin:28px auto; overflow:hidden; color:var(–ink); background:#fff; border:2px solid var(–ink); border-radius:30px; box-shadow:10px 10px 0 var(–ink),0 0 30px rgba(0,234,255,.25); font-family:Inter,Arial,sans-serif; } #d4l-card::before { content: » »; position:absolute; inset:0; z-index:-1; opacity:.22; background-image:linear-gradient(rgba(0,234,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.18) 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(#000,transparent 65%); } .d4l-topbar,.d4l-footer { display:flex; justify-content:space-between; gap:15px; padding:14px 22px; font-size:11px; font-weight:900; letter-spacing:.2em; } .d4l-topbar { border-bottom:2px solid var(–ink); background:#f8f8fb; } .d4l-footer { background:var(–ink); color:#fff; } .d4l-status { display:flex; align-items:center; gap:8px; } .d4l-status i { width:9px; height:9px; border-radius:50%; background:var(–lime); box-shadow:0 0 12px var(–lime); animation:d4lBlink 1.2s infinite; } .d4l-hero { position:relative; min-height:300px; display:grid; place-items:center; padding:55px 220px; text-align:center; overflow:hidden; } .d4l-titlebox { position:relative; z-index:3; } .d4l-chip { display:inline-block; padding:7px 13px; border:2px solid var(–ink); border-radius:999px; background:var(–lime); box-shadow:4px 4px 0 var(–ink); font-size:11px; font-weight:1000; letter-spacing:.15em; } .d4l-titlebox h1 { margin:15px 0 0; color:#fff; font-family:Impact, »Arial Black »,sans-serif; font-size:clamp(54px,8vw,100px); font-style:italic; line-height:.82; letter-spacing:-.04em; -webkit-text-stroke:3px var(–ink); text-shadow:5px 5px 0 var(–pink),9px 9px 0 var(–cyan); animation:d4lTitle 3s ease-in-out infinite; } .d4l-titlebox p { margin:27px 0 0; font-size:12px; font-weight:900; letter-spacing:.18em; } .d4l-globe { position:absolute; left:38px; top:65px; width:150px; height:150px; } .d4l-planet { position:absolute; inset:36px; border:3px solid var(–ink); border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff 0 6%,var(–cyan) 7% 35%,var(–violet) 37% 64%,var(–ink) 66%); box-shadow:0 0 25px var(–cyan); animation:d4lFloat 3s ease-in-out infinite; } .d4l-orbit { position:absolute; inset:8px; border:1.5px solid var(–ink); border-radius:50%; animation:d4lSpin 5s linear infinite; } .d4l-orbit span { position:absolute; top:-9px; left:50%; color:var(–pink); text-shadow:0 0 8px var(–pink); } .d4l-orbit-b { inset:22px 1px; animation-duration:7s; animation-direction:reverse; } .d4l-orbit-b span { color:var(–lime); } .d4l-speaker { position:absolute; right:38px; top:90px; width:145px; height:100px; } .d4l-speaker b { position:absolute; right:0; top:20px; display:grid; place-items:center; width:65px; height:65px; border:3px solid var(–ink); border-radius:16px; background:var(–pink); box-shadow:5px 5px 0 var(–ink),0 0 20px var(–pink); font-size:30px; animation:d4lBeat .65s infinite alternate; } .d4l-wave { position:absolute; border:3px solid var(–cyan); border-right:0; border-top-color:transparent; border-bottom-color:transparent; border-radius:50%; animation:d4lWave 1.15s infinite; } .d4l-wave-1 { right:66px; top:31px; width:25px; height:39px; } .d4l-wave-2 { right:82px; top:20px; width:39px; height:61px; animation-delay:.2s; } .d4l-wave-3 { right:99px; top:9px; width:54px; height:84px; animation-delay:.4s; } .d4l-plane { position:absolute; left:-50px; bottom:20px; color:var(–violet); font-size:30px; text-shadow:0 0 8px var(–violet); animation:d4lFly 12s linear infinite; } .d4l-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:18px 28px 30px; } .d4l-group { padding:18px; border:2px solid var(–ink); border-radius:20px; background:rgba(255,255,255,.95); box-shadow:6px 6px 0 var(–ink); } .d4l-group h2 { display:inline-block; margin:0 0 15px; padding:7px 11px; border-radius:7px; font:italic 18px Impact, »Arial Black »,sans-serif; letter-spacing:.07em; box-shadow:3px 3px 0 var(–ink); } .d4l-pink { –accent:var(–pink); } .d4l-cyan { –accent:var(–cyan); } .d4l-lime { –accent:var(–lime); } .d4l-orange { –accent:var(–orange); } .d4l-group h2 { background:var(–accent); } .d4l-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .d4l-links a { min-height:52px; display:flex; align-items:center; gap:10px; padding:11px 13px; overflow:hidden; border:1.5px solid var(–ink); border-radius:12px; background:#fff; color:var(–ink)!important; box-shadow:3px 3px 0 var(–ink); text-decoration:none!important; font-size:13px; font-weight:900; transition:.2s; } .d4l-links a span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .d4l-links a i { margin-left:auto; font-style:normal; opacity:.55; } .d4l-links a:hover,.d4l-links a:focus { transform:translate(-2px,-2px); background:color-mix(in srgb,var(–accent) 17%,white); box-shadow:6px 6px 0 var(–ink),0 0 18px var(–accent); outline:none; } .d4l-world { margin:5px 28px 32px; padding:20px; border:2px solid var(–ink); border-radius:20px; background:#0d0f16; color:#fff; box-shadow:6px 6px 0 var(–cyan); } .d4l-world-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; } .d4l-world-head span { color:var(–lime); font-size:10px; font-weight:900; letter-spacing:.18em; } .d4l-world h2 { margin:5px 0 0; font:italic 27px Impact, »Arial Black »,sans-serif; letter-spacing:.08em; } .d4l-visitor { min-width:205px; padding:10px 13px; border:1px solid var(–cyan); border-radius:11px; text-align:right; box-shadow:0 0 14px rgba(0,234,255,.45); } .d4l-visitor span { display:block; color:var(–cyan); } .d4l-visitor strong { color:var(–pink); font:25px « Courier New »,monospace; text-shadow:0 0 10px var(–pink); } .d4l-clocks { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; } .d4l-clock { padding:12px 10px; border:1px solid #384152; border-radius:10px; background:#151924; } .d4l-clock small { display:block; color:#adb5c5; font-size:9px; font-weight:800; letter-spacing:.13em; } .d4l-clock strong { display:block; margin-top:4px; color:var(–cyan); font:700 clamp(17px,2.2vw,25px) « Courier New »,monospace; text-shadow:0 0 7px rgba(0,234,255,.65); } .d4l-clock em { display:block; margin-top:3px; color:var(–lime); font-size:9px; font-style:normal; } @keyframes d4lSpin { to { transform:rotate(360deg); } } @keyframes d4lFloat { 50% { transform:translateY(-7px) rotate(3deg); } } @keyframes d4lBlink { 50% { opacity:.3; transform:scale(.75); } } @keyframes d4lTitle { 50% { transform:scale(1.025) skew(-3deg); filter:saturate(1.4); } } @keyframes d4lBeat { to { transform:scale(1.05) rotate(2deg); } } @keyframes d4lWave { 0% { opacity:0; transform:scale(.72); } 45% { opacity:1; } 100% { opacity:0; transform:scale(1.14); } } @keyframes d4lFly { from { transform:translateX(0) translateY(0) rotate(12deg); } to { transform:translateX(1200px) translateY(-55px) rotate(12deg); } } @media(max-width:850px){ .d4l-hero{padding:190px 24px 45px}.d4l-globe{left:calc(50% – 120px);top:25px;transform:scale(.82)}.d4l-speaker{right:calc(50% – 126px);top:55px;transform:scale(.8)}.d4l-groups{grid-template-columns:1fr}.d4l-clocks{grid-template-columns:repeat(2,1fr)} } @media(max-width:540px){ #d4l-card{border-radius:20px;box-shadow:5px 5px 0 var(–ink)}.d4l-topbar span:last-child{display:none}.d4l-titlebox h1{font-size:54px;-webkit-text-stroke-width:2px}.d4l-groups{padding:12px 14px 25px}.d4l-links{grid-template-columns:1fr}.d4l-world{margin:4px 14px 25px}.d4l-world-head{align-items:stretch;flex-direction:column}.d4l-visitor{text-align:left}.d4l-footer{flex-direction:column;text-align:center}.d4l-clocks{grid-template-columns:1fr 1fr} } @media(prefers-reduced-motion:reduce){ #d4l-card *,#d4l-card *::before,#d4l-card *::after{animation-duration:.01ms!important;animation-iteration-count:1!important} } (function () { var root = document.getElementById(‘d4l-card’); if (!root) return; var cities = [ [‘PARIS’, ‘Europe/Paris’], [‘LONDRES’, ‘Europe/London’], [‘NEW YORK’, ‘America/New_York’], [‘LOS ANGELES’, ‘America/Los_Angeles’], [‘SÃO PAULO’, ‘America/Sao_Paulo’], [‘DUBAÏ’, ‘Asia/Dubai’], [‘JOHANNESBURG’, ‘Africa/Johannesburg’], [‘SINGAPOUR’, ‘Asia/Singapore’], [‘TOKYO’, ‘Asia/Tokyo’], [‘SYDNEY’, ‘Australia/Sydney’] ]; var clocks = root.querySelector(‘#d4l-clocks’); cities.forEach(function (city, index) { var item = document.createElement(‘div’); item.className = ‘d4l-clock’; item.innerHTML = ‘‘ + String(index + 1).padStart(2, ‘0’) + ‘ // ‘ + city[0] + ‘–:–:–—‘; clocks.appendChild(item); }); function updateClocks() { var now = new Date(); var items = clocks.querySelectorAll(‘.d4l-clock’); cities.forEach(function (city, index) { items[index].querySelector(‘strong’).textContent = new Intl.DateTimeFormat(‘fr-FR’, { timeZone: city[1], hour: ‘2-digit’, minute: ‘2-digit’, second: ‘2-digit’, hour12: false }).format(now); items[index].querySelector(’em’).textContent = new Intl.DateTimeFormat(‘fr-FR’, { timeZone: city[1], weekday: ‘short’, day: ‘2-digit’, month: ‘short’ }).format(now).toUpperCase(); }); } updateClocks(); window.setInterval(updateClocks, 1000); var key = ‘d4l_local_visits_v2’; var visits = 1; try { visits = parseInt(localStorage.getItem(key) || ‘0’, 10) + 1; localStorage.setItem(key, String(visits)); } catch (e) {} root.querySelector(‘#d4l-visit-count’).textContent = String(visits).padStart(6, ‘0’); })();