:root{color-scheme:dark;--bg:#09090c;--fg:#f7f5f5;--muted:#96939f;--line:#ffffff12;--red:#ff2438;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--fg);min-height:100svh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff7a87;outline-offset:5px}svg{width:24px;height:24px}button{color:inherit} [hidden]{display:none!important}
.skip{position:fixed;left:16px;top:-80px;background:var(--red);padding:12px;z-index:10}.skip:focus{top:12px}.ambient{pointer-events:none;position:absolute;top:0;left:0;right:0;height:700px;z-index:0;background:radial-gradient(ellipse 650px 440px at 50% -180px,#e623353a,transparent),radial-gradient(ellipse 380px 280px at 85% 350px,#9815220a,transparent)}
.header,main,footer{position:relative;z-index:1}.header{width:min(1120px,100%);margin:0 auto;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:147px;height:auto}.header-note{font-size:12px;letter-spacing:.025em;color:var(--muted);display:flex;align-items:center;gap:9px}.header-note>span{width:5px;height:5px;border-radius:50%;background:#817b85}
main{width:min(680px,100%);padding:40px 24px 48px;margin:auto;flex:1}.intro{text-align:center;animation:enter .5s ease-out both}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:650;letter-spacing:.2em;color:#bdb5bb}.eyebrow>span{height:1px;width:22px;background:var(--red)}h1{font-size:clamp(35px,5.8vw,56px);line-height:1.1;letter-spacing:-.065em;margin:26px 0 20px;font-weight:750}h1>span{color:var(--red)}.lead{font-size:15px;line-height:1.8;color:#a6a2ad;margin:0}.links{margin-top:38px;animation:enter .55s .06s ease-out both}
.main-link{display:flex;align-items:center;gap:20px;border:1px solid #ff66725c;border-radius:18px;background:linear-gradient(115deg,#e81e32,#cb1229);padding:25px 27px;position:relative;overflow:hidden;box-shadow:0 12px 50px -24px #fc30485c;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.main-link::after{content:"";position:absolute;width:200px;height:200px;right:-80px;top:-100px;border:1px solid #fff2;border-radius:50%;pointer-events:none}.main-link:hover{transform:translateY(-2px);filter:brightness(1.08);border-color:#ff9aa5}.play{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:50%;background:#ffffff16;border:1px solid #ffffff21}.play svg{width:29px;height:29px;fill:white;transform:translateX(-1px)}.main-label{min-width:0;display:flex;flex-direction:column;gap:5px}.overline{font-size:9px;font-weight:650;letter-spacing:.17em;color:#ffced3}.main-label strong{font-size:23px;letter-spacing:-.045em;line-height:1.4}.address{font-size:12px;color:#ffcad1;overflow-wrap:anywhere}.arrow{font-size:27px;margin-left:auto;color:#ffe2e6;font-weight:300}
.community-label{display:flex;align-items:center;gap:14px;margin:27px 0 17px;color:#716b78;font-size:11px;text-align:center}.community-label::before,.community-label::after{content:"";height:1px;background:var(--line);flex:1}.community{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px}.community-link,.alternate{display:flex;align-items:center;gap:15px;padding:20px;background:#111115;border:1px solid var(--line);border-radius:13px;transition:background .18s,border-color .18s}.community-link:hover,.alternate:hover{background:#19181e;border-color:#ffffff25}.social-icon{width:40px;height:40px;display:grid;place-items:center;background:#1d1b29;border:1px solid #ffffff08;border-radius:12px;flex-shrink:0;color:#a09dff}.telegram .social-icon{color:#73c8ed;background:#13232c}.social-icon svg{fill:currentColor}.social-label{display:grid;gap:5px;min-width:0}.social-label strong{font-size:14px;font-weight:600}.social-label small{font-size:12px;color:var(--muted);line-height:1.5}.community-link>.arrow{font-size:21px;color:#68616f}.alternate{margin-top:12px;font-size:14px;justify-content:space-between}.notice{border:1px solid #ffb74d35;color:#f2c58c;background:#c9840f0b;padding:14px 18px;border-radius:12px;font-size:13px;line-height:1.65;margin:0 0 14px;white-space:pre-line}
.bookmark{display:flex;align-items:flex-start;gap:15px;margin:28px 0 0;padding:23px 0 0;border-top:1px solid var(--line);animation:enter .6s .12s ease-out both}.bookmark-symbol{flex-shrink:0;color:#c4bac5;margin-top:2px}.bookmark h2{font-size:13px;font-weight:600;margin:0 0 6px}.bookmark p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.bookmark strong{font-weight:500;color:#cec6d0}.bookmark .bookmark-help{margin-top:10px;font-size:11px;color:#716b78}kbd{font-size:10px;border:1px solid #ffffff14;border-radius:4px;padding:1px 4px}.tiny-note{margin:26px 0 0;text-align:center;font-size:11px;color:#595360}footer{display:flex;justify-content:space-between;gap:20px;width:min(1120px,100%);padding:24px 36px 30px;margin:0 auto;border-top:1px solid #ffffff08;font-size:11px;color:#6e6875}

@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:600px){.header{padding:24px}.brand img{width:128px}.header-note{font-size:10px}main{padding-top:27px}.main-link{padding:23px 20px;gap:15px}.main-label strong{font-size:21px}.bookmark{flex-wrap:wrap}.bookmark>div{flex:1;min-width:180px}.community-label{font-size:10px;gap:9px}footer{padding:22px 24px;flex-direction:column;align-items:center;gap:8px}.tiny-note{margin-top:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Portail compact : le décor fixe ne participe jamais à la hauteur de la page. */
.poster-wall{position:fixed;inset:0;overflow:hidden;pointer-events:none;opacity:.42}
.poster-wall-grid{position:absolute;inset:-28% -7%;display:flex;align-items:flex-start;gap:16px;transform:rotate(-8deg) scale(1.06)}
.poster-wall-col{flex:1;min-width:0;animation:wall-scroll 200s linear infinite;will-change:transform}
.poster-wall-col:nth-child(even){animation-direction:reverse;animation-duration:236s}
.poster-wall-col:nth-child(3n){animation-duration:264s}
.poster-group{display:flow-root}
.poster-group img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:12px;margin-bottom:16px;background:#18181e}
.wall-paused .poster-wall-col{animation-play-state:paused}
@keyframes wall-scroll{to{transform:translateY(-50%)}}
.ambient{position:fixed;inset:0;height:auto;background:radial-gradient(ellipse at center,#09090c12 12%,#09090c50 70%),linear-gradient(#09090cb8,#09090c33 35%,#09090c80 75%,#09090cef)}
.header{width:min(1240px,100%);padding:20px 32px}
.brand img{width:145px}


main{width:100%;margin:0;flex:1;display:grid;place-items:center;padding:12px 24px}
.portal-panel{width:min(620px,100%);padding:30px;border:1px solid #ffffff16;border-radius:26px;background:linear-gradient(145deg,#141216ed,#0d0c10f5);box-shadow:0 24px 100px #0008}
.intro,.links,.bookmark{animation:none}
.eyebrow{font-size:9px;color:#c9bec8}
h1{font-size:clamp(32px,3.6vw,44px);line-height:1.1;letter-spacing:-.055em;margin:16px 0 12px}
.lead{font-size:13px;line-height:1.6;color:#aaa6b2}
.bookmark{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px 13px;margin:24px 0 18px;padding:19px;border:1px solid #ff6b7b55;border-radius:15px;background:linear-gradient(110deg,#50212e73,#25191f85)}
.bookmark-symbol{width:38px;height:44px;display:grid;place-items:center;color:#ff8190;background:#ff617713;border-radius:10px;margin:0}
.bookmark h2{font-size:17px;font-weight:700;letter-spacing:-.025em;margin:0 0 6px}
.bookmark p{font-size:12px;color:#c1b3be;line-height:1.6}
.bookmark strong{color:#e1d5de}



.bookmark .bookmark-help{grid-column:1 / -1;text-align:center;font-size:10px;color:#b9a5b3;margin:0}
kbd{font-family:inherit;border-color:#ffffff29}
.links{margin-top:0}
.main-link{gap:16px;border-radius:14px;padding:19px 22px;background:linear-gradient(115deg,#f21e36,#cd122a);box-shadow:none}
.play{width:44px;height:44px}.play svg{width:26px;height:26px}
.main-label{gap:3px}.main-label strong{font-size:21px}.overline{font-size:8px;color:#ffe0e4}.address{font-size:11px;color:#ffe0e5}.arrow{font-size:25px}
.community{gap:10px;margin-top:10px}.community:empty{display:none}
.community-link,.alternate{gap:12px;padding:14px 18px;background:#ffffff04;border-color:#ffffff15;border-radius:12px}
.social-icon{width:34px;height:34px;background:#272334;border-radius:10px;color:#ada9ff}.social-icon svg{width:21px;height:21px}
.social-label{gap:3px}.social-label strong{font-size:12px}.social-label small{font-size:11px;color:#aaa6b2;line-height:1.4}.community-link>.arrow{font-size:19px;color:#b1a5b9}
.alternate{margin-top:10px;font-size:13px}
footer{width:min(1240px,100%);padding:18px 32px;border:0;font-size:10px;color:#aaa0af;flex-direction:row}
footer a{text-decoration:underline;text-underline-offset:3px}

button:disabled{opacity:.45;cursor:default}

@media(max-width:600px){
  .header{padding:16px 20px;gap:12px}.brand img{width:123px}
  main{padding:8px 16px}.portal-panel{padding:24px 20px;border-radius:20px}h1{font-size:clamp(27px,7.8vw,40px)}.lead{font-size:12px}
  .bookmark{grid-template-columns:30px 1fr;padding:15px;gap:10px;margin-top:20px}.bookmark-symbol{width:30px}.bookmark>div{min-width:0}.bookmark h2{font-size:16px}
  .main-link{padding:17px 15px;gap:12px}.main-label strong{font-size:19px}.community-link{padding:12px;gap:10px}.social-label small{font-size:10px}
  .poster-wall-grid{width:950px;left:50%;right:auto;transform:translateX(-50%) rotate(-8deg)}.poster-wall-col:nth-child(n+5){display:none}
  footer{padding:14px 20px}
}
@media(min-width:600px) and (max-height:820px){
  .header{padding-top:12px;padding-bottom:12px}.portal-panel{padding:22px 28px}h1{font-size:37px;margin-top:12px}.bookmark{margin-top:18px;padding:16px}footer{padding-top:12px;padding-bottom:12px}
}

/* Accès au site : test direct, redirection auto (barre dans le bouton), état par opérateur (Globalping). */
.main-link .countdown{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffffc0;transform:scaleX(0);transform-origin:left;pointer-events:none}
.main-link.counting .countdown{animation:countdown var(--redirect-delay,5s) linear forwards}
@keyframes countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.status{margin-top:10px;padding:10px 14px 11px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff04;font-size:11px;line-height:1.45;color:#b8b1bc}
.status-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px}
.direct,.redirect{margin:0;display:flex;align-items:center;gap:8px;min-width:0}
.redirect{gap:10px;color:#968f9c}.redirect b{font-weight:600;color:#ece4ea;font-variant-numeric:tabular-nums}
.redirect button{padding:7px 0;margin:-7px 0;border:0;background:none;color:#ffb0ba;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.redirect button:hover{color:#fff}
.dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#6f6876}
[data-state=ok] .dot{background:#38d27c;box-shadow:0 0 0 3px #38d27c22}
[data-state=blocked] .dot{background:#ff4057;box-shadow:0 0 0 3px #ff405722}
[data-state=error] .dot{background:#f3ad3d}
[data-state=pending] .dot{animation:pending .9s ease-in-out infinite alternate}
@keyframes pending{to{opacity:.25}}
.isp{list-style:none;margin:9px 0 0;padding:9px 0 0;border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:#8a838f}
.isp li{display:flex;align-items:center;gap:6px;white-space:nowrap}.isp-name{color:#d9d1d8}
[data-state=blocked] .isp-state{color:#ff8a98}[data-state=error] .isp-state{color:#f3c27a}
.isp .isp-source{margin-left:auto}.isp-source a{color:#857e8b;text-decoration:underline;text-underline-offset:3px}.isp-source a:hover{color:#d9d1d8}
@media(max-width:600px){.status{padding:9px 12px 10px}.isp{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.isp .isp-source{grid-column:1 / -1;margin:0}}
.isp-item{display:flex;align-items:center;gap:6px}a.isp-item[href]:hover .isp-name{text-decoration:underline;text-underline-offset:3px}