/* Fond animé premium inspiré d'un studio radio */
html{scroll-behavior:smooth}
body{position:relative;isolation:isolate;background:#040404!important}
.radio-studio-bg{position:fixed;inset:0;z-index:-20;overflow:hidden;pointer-events:none;background:
radial-gradient(circle at 15% 12%,rgba(255,48,65,.18),transparent 30%),
radial-gradient(circle at 84% 35%,rgba(255,40,73,.12),transparent 27%),
linear-gradient(145deg,#040404 0%,#0a0a0a 48%,#040404 100%)}
.radio-studio-bg:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(90deg,transparent 0 72px,rgba(255,255,255,.018) 73px 74px),repeating-linear-gradient(0deg,transparent 0 72px,rgba(255,255,255,.012) 73px 74px);transform:perspective(900px) rotateX(62deg) translateY(33%);transform-origin:center bottom;animation:studioGrid 18s linear infinite;opacity:.65}
.radio-studio-bg:after{content:"";position:absolute;width:54vw;height:54vw;right:-20vw;top:-20vw;border-radius:50%;border:1px solid rgba(255,48,65,.16);box-shadow:0 0 90px rgba(255,48,65,.12),inset 0 0 90px rgba(255,48,65,.08);animation:studioOrb 12s ease-in-out infinite alternate}
.radio-wave{position:absolute;left:0;right:0;bottom:7vh;height:110px;display:flex;align-items:center;justify-content:center;gap:8px;opacity:.22;filter:drop-shadow(0 0 12px rgba(255,48,65,.35))}
.radio-wave i{display:block;width:4px;min-height:8px;border-radius:999px;background:linear-gradient(180deg,#ff3041,#ff3156);animation:studioBars 1.6s ease-in-out infinite;transform-origin:center}
.radio-wave i:nth-child(2n){animation-duration:1.25s}.radio-wave i:nth-child(3n){animation-duration:1.9s}.radio-wave i:nth-child(4n){animation-delay:-.7s}.radio-wave i:nth-child(5n){animation-delay:-1.1s}
.radio-on-air{position:absolute;right:5vw;top:16vh;padding:10px 16px;border:1px solid rgba(255,62,91,.28);border-radius:999px;background:rgba(87,3,19,.18);color:rgba(255,111,132,.55);font:800 11px/1 Inter,Arial,sans-serif;letter-spacing:.24em;box-shadow:0 0 28px rgba(255,34,70,.09);animation:onAirPulse 2.2s ease-in-out infinite}
.radio-ring{position:absolute;left:-150px;top:38%;width:360px;height:360px;border:1px solid rgba(255,48,65,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(255,48,65,.025),0 0 0 90px rgba(255,48,65,.018);animation:studioRing 14s linear infinite}
/* Laisse apparaître le décor sans gêner les contenus */
body>header,body>main,body>section,body>footer,.site-footer{position:relative;z-index:1}
/* Bouton Contactez-moi bien visible et entièrement cliquable */
.topbar .main-nav a[href="#contact"],.topbar .main-nav a[href="index.html#contact"],.topbar .main-nav a[href="./index.html#contact"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 18px!important;border-radius:999px!important;color:#ffffff!important;background:linear-gradient(135deg,#ff3041,#e30613)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 8px 24px rgba(255,48,65,.25)!important;text-decoration:none!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:30!important;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease!important}
.topbar .main-nav a[href="#contact"]:hover,.topbar .main-nav a[href="index.html#contact"]:hover,.topbar .main-nav a[href="./index.html#contact"]:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px rgba(255,48,65,.38)!important;filter:brightness(1.1)!important}
@keyframes studioBars{0%,100%{height:12px;opacity:.45}50%{height:82px;opacity:1}}
@keyframes studioGrid{to{background-position:74px 0,0 74px}}
@keyframes studioOrb{to{transform:translate(-4vw,5vh) scale(1.08)}}
@keyframes studioRing{to{transform:rotate(360deg)}}
@keyframes onAirPulse{50%{opacity:.35;box-shadow:0 0 40px rgba(255,34,70,.18)}}
@media(max-width:760px){.radio-on-air{top:110px;right:18px}.radio-wave{gap:5px;height:80px}.radio-wave i{width:3px}.radio-ring{opacity:.55}.topbar .main-nav a[href="#contact"],.topbar .main-nav a[href="index.html#contact"],.topbar .main-nav a[href="./index.html#contact"]{width:100%!important;margin-top:5px!important}}
@media(prefers-reduced-motion:reduce){.radio-studio-bg *,.radio-studio-bg:before,.radio-studio-bg:after{animation:none!important}}
