@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');

/* Logo glitch holographique (copié d'index.html) */
.rn-glitch-logo{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;}
.rn-gl-icon{flex-shrink:0;animation:rn-ico-holo 5s infinite;}
.rn-gl-text-block{line-height:1.2;display:flex;flex-direction:column;}
.rn-gl-title{font-family:'Orbitron',monospace;font-weight:700;font-size:17px;letter-spacing:0.13em;color:#4af0c4;display:inline-block;position:relative;animation:rn-title-holo 5s infinite;}
.rn-gl-title::before{content:attr(data-t);position:absolute;top:1px;left:-1px;color:#ff00ff;opacity:0;animation:rn-magenta 5s infinite;}
.rn-gl-title::after{content:attr(data-t);position:absolute;top:-1px;left:1px;color:#00ffff;opacity:0;animation:rn-cyan 5s infinite;}
.rn-gl-sub{font-family:'Orbitron',monospace;font-size:10px;letter-spacing:0.42em;color:rgba(255,255,255,0.85);text-transform:uppercase;animation:rn-sub-holo 5s infinite;}
@keyframes rn-title-holo{0%,60%,100%{letter-spacing:0.13em;color:#4af0c4;transform:none}61%{letter-spacing:0.19em;color:#fff}63%{letter-spacing:0.13em;color:#4af0c4}64%{transform:translateY(-1px)}65%{transform:none}}
@keyframes rn-magenta{0%,60%,100%{opacity:0}61%{opacity:0.6}64%{opacity:0}}
@keyframes rn-cyan{0%,60%,100%{opacity:0}61%{opacity:0.5}64%{opacity:0}}
@keyframes rn-sub-holo{0%,60%,100%{letter-spacing:0.42em;color:rgba(255,255,255,0.85)}61%{letter-spacing:0.58em;color:rgba(255,255,255,1)}64%{letter-spacing:0.42em;color:rgba(255,255,255,0.85)}}
@keyframes rn-ico-holo{0%,60%,100%{transform:none}61%{transform:scale(1.06) rotate(3deg)}63%{transform:rotate(-2deg)}65%{transform:none}}
@keyframes rn-rot{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes rn-rotR{from{transform:rotate(0)}to{transform:rotate(-360deg)}}

/* Drapeaux de langue (même rendu qu'index.html) */
.lang-btn.rn-flag{display:inline-flex;align-items:center;background:none;border:2px solid transparent;border-radius:5px;padding:2px 4px;cursor:pointer;opacity:.5;transition:opacity .18s,border-color .18s,transform .15s;}
.lang-btn.rn-flag:hover{opacity:1;transform:scale(1.12);}
.lang-btn.rn-flag.active{opacity:1;border-color:#4af0c4;box-shadow:0 0 7px rgba(74,240,196,.4);}
.lang-btn.rn-flag svg{display:block;border-radius:3px;}

@media (prefers-reduced-motion:reduce){.rn-glitch-logo,.rn-glitch-logo *{animation:none!important}}