:root{--bg:#06080d;--panel:#0d121b;--line:rgba(255,255,255,.09);--txt:#f5f7fb;--muted:#7e8999;--blue:#00a7ff;--violet:#7b65ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06080d;color:var(--txt);font-family:Inter,system-ui,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}.btn{border:1px solid var(--line);padding:11px 17px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}.primary{background:linear-gradient(135deg,#008cff,#665cff);color:#fff;box-shadow:0 12px 35px #006fff22}.ghost,.dark{background:#0d121b;color:#b9c2ce}.large{padding:14px 21px}header{height:82px;position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;gap:40px;padding:0 5vw;background:linear-gradient(#05070bec,transparent);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:46px}.brand strong{display:block}.brand span{display:block;font-size:9px;color:#637080;letter-spacing:.15em;text-transform:uppercase}nav{margin-left:auto;display:flex;gap:27px}nav a{font-size:11px;color:#9aa4b2}.actions{display:flex;gap:9px;align-items:center}.menu{display:none;background:none;border:0;color:#fff;font-size:23px}.mobile{position:fixed;top:75px;left:14px;right:14px;z-index:49;background:#0b1018;border:1px solid var(--line);border-radius:12px;padding:8px}.mobile a{display:block;padding:12px}.hero{min-height:100vh;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:120px 20px 80px}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}.glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.18}.glow.a{background:#0079ff;left:3%;top:18%}.glow.b{background:#784dff;right:2%;bottom:8%}.hero-content{position:relative;z-index:2;max-width:980px}.eyebrow,.section-head>span,.worlds span,.news span,.joinpanel span{font-size:9px;letter-spacing:.22em;color:#6a7687;font-weight:800}.hero-logo{width:230px;filter:drop-shadow(0 0 28px #009cff22);margin:18px 0}.hero h1,.section h2{font-size:clamp(43px,6vw,80px);line-height:1;letter-spacing:-.055em;margin:0}.hero h1 em,.section h2 em,.joinpanel h2 em{font-style:normal;background:linear-gradient(90deg,#5de0ff,#7881ff,#a176ff);-webkit-background-clip:text;color:transparent}.hero p{max-width:730px;margin:25px auto;color:#8c97a6;line-height:1.8}.hero-buttons{display:flex;gap:11px;justify-content:center}.serverbar{margin:50px auto 0;max-width:720px;border:1px solid var(--line);background:#0b1018cc;border-radius:13px;padding:13px;display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;text-align:left}.serverbar>div{padding:0 15px}.serverbar small{display:block;color:#596474;font-size:9px;text-transform:uppercase}.serverbar strong{font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ce6a4;box-shadow:0 0 16px #2ce6a4;margin-right:8px}.serverbar button{background:#131925;border:1px solid var(--line);color:#9aa5b4;padding:10px;border-radius:8px}.section{max-width:1450px;margin:auto;padding:105px 7vw}.section.compact{padding-top:35px}.section-head{margin-bottom:45px}.section-head h2{font-size:clamp(38px,4.7vw,66px);margin-top:10px}.section-head p{color:#7d8796}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article{min-height:280px;border:1px solid var(--line);background:linear-gradient(145deg,#111722,#090c12);border-radius:15px;padding:24px;position:relative}.cards .wide{grid-column:span 2}.cards b{position:absolute;right:18px;top:16px;color:#303947;font-size:10px}.cards i{font-style:normal;font-size:28px;color:#49bfff;display:block;margin-bottom:64px}.cards h3{font-size:19px}.cards p{font-size:12px;color:#7f8998;line-height:1.7}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.worlds article{height:450px;border:1px solid var(--line);border-radius:17px;overflow:hidden;position:relative;background:#0b1017}.shade{position:absolute;inset:0}.blue{background:radial-gradient(circle at 75% 20%,#087dff55,transparent 38%),linear-gradient(150deg,#152338,#070a0f)}.indigo{background:radial-gradient(circle at 20% 20%,#5c6cff55,transparent 38%),linear-gradient(150deg,#1a1d38,#070a0f)}.purple{background:radial-gradient(circle at 75% 20%,#8c4cff55,transparent 38%),linear-gradient(150deg,#251634,#070a0f)}.worlds article>div:last-child{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(transparent,#05070bea 35%)}.worlds h3{font-size:26px;margin:7px 0}.worlds p{color:#7f8998;font-size:12px;line-height:1.7}.worlds a{color:#6ed0ff;font-size:11px}.ticker{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.ticker span{padding:20px;text-align:center;color:#667282;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.news{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.news article{min-height:300px;padding:24px;border:1px solid var(--line);border-radius:15px;background:#0b1018}.news .featured{background:radial-gradient(circle at 80% 20%,#008cff33,transparent 38%),#0b1018}.news h3{font-size:22px;margin-top:50px}.news p{font-size:12px;color:#7f8998;line-height:1.7}.news a{font-size:11px;color:#6ccfff}.joinbox{padding-top:35px}.joinpanel{min-height:410px;display:grid;place-items:center;text-align:center;border:1px solid #3c7dff33;border-radius:20px;background:radial-gradient(circle at 50% 30%,#007aff28,transparent 45%),#090e16;position:relative;overflow:hidden}.joinpanel>img{position:absolute;width:430px;opacity:.035}.joinpanel>div{position:relative;z-index:2;max-width:820px;padding:35px}.joinpanel h2{font-size:clamp(40px,5vw,68px);margin:12px 0}.joinpanel p{color:#7d8796}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{padding:19px 0;display:flex;justify-content:space-between;cursor:pointer;font-weight:700}details p{color:#7f8998;font-size:12px;padding-bottom:16px}footer{border-top:1px solid var(--line);padding:50px 6vw 25px;background:#07090e}.fbrand{display:flex;align-items:center;gap:14px}.fbrand img{width:70px}.fbrand p{color:#5f6978;font-size:11px}.links{display:grid;grid-template-columns:repeat(3,150px);gap:30px;margin-left:auto}.links>div{display:flex;flex-direction:column;gap:7px}.links strong{font-size:11px}.links a,.links span,.links button{font-size:10px;color:#657080;background:none;border:0;padding:0;text-align:left}footer{display:flex;flex-wrap:wrap;gap:40px}.copyright{width:100%;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;color:#3f4855;font-size:9px}#toast{position:fixed;right:20px;bottom:20px;background:#121925;border:1px solid var(--line);border-radius:9px;padding:11px 14px;font-size:11px;opacity:0;transform:translateY(20px);transition:.2s}#toast.show{opacity:1;transform:none}
@media(max-width:1000px){nav{display:none}.menu{display:block}.cards{grid-template-columns:repeat(2,1fr)}.worlds{grid-template-columns:1fr}.news{grid-template-columns:1fr 1fr}.news .featured{grid-column:span 2}.links{margin-left:0}}
@media(max-width:650px){header{height:72px;padding:0 14px}.brand div{display:none}.actions .discord{display:none}.hero-logo{width:170px}.hero h1{font-size:42px}.hero-buttons{flex-direction:column}.serverbar{grid-template-columns:1fr}.serverbar>*{margin:5px}.section{padding:72px 18px}.cards{grid-template-columns:1fr}.cards .wide{grid-column:auto}.worlds article{height:330px}.ticker{grid-template-columns:repeat(2,1fr)}.news{grid-template-columns:1fr}.news .featured{grid-column:auto}.links{grid-template-columns:1fr 1fr}}

/* ===== V3 : médias + Top Serveur ===== */
.top-server-link{color:#d7b7ff!important}
.btn.top-server{background:linear-gradient(135deg,#5e38c9,#8e55ff);color:#fff;border-color:#946fff;box-shadow:0 12px 35px #7b4dff25}
.hero-photo,.content-photo,.world-photo,.news-photo,.join-photo{position:absolute;inset:0;background-image:var(--content-image);background-size:cover;background-position:center;opacity:0;pointer-events:none}
.hero.has-custom-bg .hero-photo{opacity:.28;filter:saturate(.85) contrast(1.08)}
.hero.has-custom-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,13,.38),rgba(6,8,13,.9) 88%);pointer-events:none}
.hero.has-custom-bg .grid,.hero.has-custom-bg .glow,.hero.has-custom-bg .hero-content{z-index:2}
.cards article.has-image{overflow:hidden}
.cards article.has-image .content-photo{opacity:.16;filter:saturate(.7)}
.cards article.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(9,12,18,.92),rgba(9,12,18,.58));pointer-events:none}
.card-content{position:relative;z-index:2}.card-content b{position:absolute;right:0;top:-8px}.card-content i{margin-top:0}
.worlds article .world-photo{opacity:0;transition:.35s}.worlds article.has-image .world-photo{opacity:.58}.worlds article.has-image:hover .world-photo{transform:scale(1.035);opacity:.7}.world-content{z-index:3!important}
.news article{position:relative;overflow:hidden}.news article.has-image .news-photo{opacity:.25}.news article.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,15,.94),rgba(7,10,15,.58));pointer-events:none}.news-content{position:relative;z-index:2}.news-content h3{margin-top:50px}.news-content a{position:static;display:inline-block;margin-top:8px}
.ticker span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px}.ticker span img{width:35px;height:35px;object-fit:contain}.ticker span b{font-weight:600}
.joinpanel.has-custom-bg .join-photo{opacity:.24}.joinpanel.has-custom-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,17,.55),rgba(7,11,17,.9));pointer-events:none}.joinpanel>div,.joinpanel>img{z-index:2}.join-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.faq-answer{display:flex;gap:18px;align-items:flex-start}.faq-answer img{width:150px;max-height:100px;border-radius:9px;object-fit:cover;border:1px solid var(--line)}
@media(max-width:650px){.faq-answer{display:block}.faq-answer img{width:100%;max-height:180px;margin-bottom:10px}}

/* V4 — statut FiveM en direct */
.serverbar .live-sub{display:block;margin-top:4px;color:#536172;font-size:8px;line-height:1.2;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.serverbar .dot.online{background:#2ce6a4;box-shadow:0 0 16px #2ce6a4}
.serverbar .dot.offline{background:#ff5b6e;box-shadow:0 0 16px rgba(255,91,110,.65)}
.serverbar .dot.checking{background:#f7c95d;box-shadow:0 0 16px rgba(247,201,93,.5);animation:statusPulse 1s infinite alternate}
@keyframes statusPulse{from{opacity:.45}to{opacity:1}}

/* V6 — global design settings */
body{background:var(--pb-bg,var(--bg));color:var(--pb-text,var(--txt))}
.primary{background:linear-gradient(135deg,var(--pb-accent,var(--blue)),var(--pb-accent2,var(--violet)))}
.hero h1 em,.section h2 em,.joinpanel h2 em{background:linear-gradient(90deg,var(--pb-accent,var(--blue)),var(--pb-accent2,var(--violet)));-webkit-background-clip:text;background-clip:text;color:transparent}
header{background:linear-gradient(180deg,var(--pb-header-bg,rgba(5,7,11,.92)),transparent)}
.glow{opacity:var(--pb-glow-opacity,.18)}
.section{max-width:var(--pb-max-width,1450px)}