:root{--bg:#0a0b0d;--panel:#121419;--panel2:#181b21;--text:#f5f7fa;--muted:#a9b0bc;--yellow:#ffc400;--line:#2a2f38;--max:1180px;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#262a31 0,#0a0b0d 35%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}code{background:#20242b;padding:.15rem .4rem;border-radius:6px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - var(--max))/2));background:rgba(10,11,13,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{font-weight:950;letter-spacing:.08em}.brand::after{content:"";display:inline-block;width:8px;height:8px;background:var(--yellow);border-radius:2px;margin-left:8px;transform:rotate(45deg)}.site-header nav{display:flex;gap:24px;font-size:.95rem;color:#d8dce3}.site-header nav a:hover{color:var(--yellow)}.menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:1.5rem}.hero{max-width:var(--max);margin:46px auto 0;padding:0 24px 80px;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.hero-media{border-radius:30px;overflow:hidden;border:1px solid #2d323b;box-shadow:0 28px 90px rgba(0,0,0,.45)}.hero-copy h1,.section-heading h2,.page-hero h1,.admin-title h1{font-size:clamp(2.4rem,6vw,5.2rem);line-height:.98;margin:14px 0 20px;letter-spacing:-.045em}.hero-copy h1{font-size:clamp(2.5rem,5vw,4.7rem)}.hero-copy p{font-size:1.18rem;color:var(--muted);max-width:700px}.eyebrow{color:var(--yellow);font-weight:900;letter-spacing:.16em;font-size:.76rem}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--yellow);color:#111}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{border-color:#3a404a;background:#12151a;color:#fff}.section{max-width:var(--max);margin:0 auto;padding:78px 24px}.section-heading{max-width:800px;margin-bottom:32px}.section-heading h2{font-size:clamp(2.1rem,4vw,3.7rem)}.section-heading p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:26px;background:linear-gradient(180deg,#171a20,#111318);border:1px solid var(--line);border-radius:var(--radius)}.card .icon{font-size:2rem;color:var(--yellow);font-weight:900}.card h3{font-size:1.3rem;margin:14px 0 8px}.card p{color:var(--muted);margin:0}.video-section{padding-top:40px}.video-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:34px;align-items:center;background:#111318;border:1px solid var(--line);padding:24px;border-radius:28px}.short-player-wrap{display:flex;justify-content:center}.video-frame{position:relative;overflow:hidden;border-radius:22px;background:#000;box-shadow:0 24px 70px rgba(0,0,0,.38)}.short-video-frame{width:min(100%,390px);aspect-ratio:9/16}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-info{padding:16px}.video-info h3{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.15;margin-bottom:14px}.short-note{color:var(--muted);max-width:560px}.video-actions{margin-top:24px}.pill{display:inline-block;background:rgba(255,196,0,.12);border:1px solid rgba(255,196,0,.3);color:var(--yellow);padding:6px 10px;border-radius:99px;font-size:.8rem;font-weight:800}.empty-state{padding:34px;background:#111318;border:1px dashed #4a515d;border-radius:var(--radius);color:var(--muted)}.about-panel,.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#171a20,#0f1115);border:1px solid var(--line);border-radius:28px}.about-panel{padding:42px}.about-panel h2,.contact h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:12px 0}.about-panel p{font-size:1.08rem;color:var(--muted)}.contact{margin-bottom:80px}.contact .btn{justify-self:end}footer{max-width:var(--max);margin:0 auto;padding:28px 24px 48px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted)}footer strong{display:block;color:#fff}.socials{display:flex;gap:16px;flex-wrap:wrap}.socials a:hover{color:var(--yellow)}.page-shell{max-width:980px;margin:0 auto;padding:70px 24px 100px}.page-hero{padding:40px 0;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.8rem,6vw,5.5rem)}.prose{padding:36px 0;font-size:1.08rem;color:#d9dee6}.prose h1,.prose h2,.prose h3{color:#fff;line-height:1.15}.prose h2{margin-top:2.2em}.prose a{color:var(--yellow);text-decoration:underline}.prose table{border-collapse:collapse;width:100%}.prose th,.prose td{padding:10px;border:1px solid var(--line)}.flash-wrap{position:fixed;right:20px;top:80px;z-index:100}.flash{padding:12px 14px;border-radius:10px;margin:8px 0;background:#20242b;border:1px solid #343a44}.flash.success{border-color:#4e7d59}.flash.error{border-color:#8b4c4c}.admin-body{background:#0b0d10}.login-card{width:min(460px,calc(100% - 32px));margin:9vh auto;padding:34px;background:#14171c;border:1px solid var(--line);border-radius:22px}.login-card h1{font-size:2rem;margin-bottom:4px}.login-card p{color:var(--muted)}.form-stack{display:grid;gap:16px;margin-top:24px}.form-stack label,.form-grid label{display:grid;gap:7px;color:#cbd1da;font-size:.92rem}.form-stack input,.form-grid input,.form-grid textarea{width:100%;background:#0d0f13;color:#fff;border:1px solid #353b45;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.form-grid input:focus,.form-grid textarea:focus,.form-stack input:focus{border-color:var(--yellow)}small{color:#848c98}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-nav{border-right:1px solid var(--line);padding:26px 20px;background:#101216;position:sticky;top:0;height:100vh}.admin-nav nav{display:grid;gap:6px;margin-top:34px}.admin-nav nav a{padding:10px 12px;border-radius:8px;color:#c9ced6}.admin-nav nav a:hover{background:#1a1e24;color:#fff}.admin-main{padding:36px;max-width:1200px;width:100%}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.admin-title h1{font-size:2.5rem;margin:6px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.stat,.admin-card{background:#14171c;border:1px solid var(--line);border-radius:16px;padding:22px}.stat strong{font-size:1.6rem;display:block}.stat span{color:var(--muted)}.admin-card h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid h2{grid-column:1/-1;margin:18px 0 0}.full{grid-column:1/-1}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}.actions{display:flex;gap:12px;align-items:center}.actions a,.actions button{color:var(--yellow);background:none;border:0;font:inherit;padding:0;cursor:pointer}.actions form{margin:0}
@media(max-width:900px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr}.short-video-frame{width:min(100%,360px)}.about-panel,.contact{grid-template-columns:1fr}.contact .btn{justify-self:start}.admin-layout{grid-template-columns:1fr}.admin-nav{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.admin-nav nav{grid-template-columns:repeat(2,1fr)}.admin-main{padding:24px}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid h2,.full{grid-column:1}.site-header nav{display:none}.menu-toggle{display:block}.menu-open .site-header{align-items:flex-start}.menu-open .site-header nav{display:grid;position:absolute;left:0;right:0;top:66px;padding:18px 24px;background:#0e1014;border-bottom:1px solid var(--line)}}
@media(max-width:620px){.hero{padding-top:18px}.cards{grid-template-columns:1fr}.hero-media{border-radius:20px}.section{padding-top:54px;padding-bottom:54px}.site-header{padding-left:18px;padding-right:18px}.socials{justify-content:flex-start}footer{flex-direction:column}.admin-title{align-items:flex-start;flex-direction:column}}

/* Flux vidéo YouTube Shorts + TikTok */
.video-feed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;align-items:start}.platform-video-card{background:linear-gradient(180deg,#171a20,#101216);border:1px solid var(--line);border-radius:24px;padding:18px;min-width:0}.platform-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.auto-badge,.manual-badge{font-size:.68rem;font-weight:900;letter-spacing:.12em;padding:5px 8px;border-radius:99px;border:1px solid #3c434e;color:#aeb6c2}.auto-badge{color:var(--yellow);border-color:rgba(255,196,0,.3);background:rgba(255,196,0,.07)}.manual-badge{color:#d8dce3;background:#1a1e24}.tiktok-pill{color:#fff;border-color:#414751;background:#181b21}.platform-video-info{padding-top:16px}.platform-video-info h3{font-size:1.05rem;line-height:1.35;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.full-btn{width:100%}
@media(max-width:640px){.video-feed-grid{grid-template-columns:1fr}.platform-video-card{padding:14px}.short-video-frame{width:min(100%,340px)}}