/* Viralyx V4 — vraie direction visuelle + assets vectoriels dédiés */
:root{
  --vx-bg:#070b13;
  --vx-bg-2:#0a101b;
  --vx-card:#0f1724;
  --vx-card-2:#111b2a;
  --vx-line:#26344a;
  --vx-line-soft:#1b2638;
  --vx-text:#f7f9fd;
  --vx-muted:#96a3b8;
  --vx-purple:#8b5cf6;
  --vx-purple-2:#a855f7;
  --vx-blue:#4f8cff;
  --vx-pink:#ec4899;
  --vx-green:#2bd393;
  --vx-gold:#f4b844;
}
*{box-sizing:border-box}
html{background:var(--vx-bg)}
body{background:radial-gradient(circle at 66% 8%,rgba(139,92,246,.13),transparent 28%),linear-gradient(180deg,#070b13 0%,#080d16 58%,#070b13 100%);color:var(--vx-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px}
a{color:inherit}
.wrap{width:min(1320px,calc(100% - 72px));margin-inline:auto}
.brand{display:inline-flex!important;align-items:center!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important}
.brand img{display:block;width:146px;height:auto}
.sidebar .brand img{width:132px}
.btn{min-height:42px!important;border-radius:9px!important;padding:10px 17px!important;font-size:13px!important;font-weight:700!important;border:1px solid #344258!important;background:#111a28!important;color:#edf2fb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;transition:.18s ease!important}
.btn:hover{transform:translateY(-1px);background:#172235!important;border-color:#53627b!important}
.btn.primary,.primary{background:linear-gradient(115deg,#6e55f6,#8b4cf1 58%,#d946c8)!important;border-color:#a66df4!important;color:#fff!important;box-shadow:0 12px 34px rgba(124,58,237,.26),inset 0 1px 0 rgba(255,255,255,.22)!important}
.btn.large{min-height:50px!important;padding:13px 20px!important;font-size:14px!important}

/* PUBLIC */
.public-header{height:78px!important;padding:0 max(36px,calc((100vw - 1320px)/2))!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:rgba(6,10,17,.9)!important;backdrop-filter:blur(18px);position:sticky!important;top:0;z-index:50}
.public-header nav{gap:34px!important;font-size:13px!important;font-weight:600;color:#c2cada!important}
.public-header nav a{opacity:.88;transition:.18s ease}.public-header nav a:hover{opacity:1;color:#fff}
.public-header>div{gap:10px!important}.public-header .quiet{background:transparent!important}
.vx-home{overflow:hidden}
.vx-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);gap:72px;align-items:center;min-height:650px;padding-top:56px;padding-bottom:52px}
.vx-hero-copy{position:relative;z-index:2;max-width:665px}
.vx-kicker{display:inline-flex;align-items:center;gap:8px;color:#d9c8ff;border:1px solid #3a2b5e;background:#171126;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;margin-bottom:24px;box-shadow:0 0 24px rgba(126,70,255,.08)}
.vx-hero h1{font-size:64px;line-height:.99;letter-spacing:-3.5px;margin:0 0 22px;font-weight:850;max-width:680px}
.vx-hero h1 em{font-style:normal;background:linear-gradient(100deg,#55a3ff 4%,#8d6bff 48%,#ec55cf 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.vx-hero-copy>p{font-size:18px;line-height:1.55;color:#c3ccdb;margin:0 0 28px;max-width:660px}
.vx-hero-actions{display:flex;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.vx-trust{display:flex;align-items:center;gap:24px;color:#b7c0cf;font-size:12px;flex-wrap:wrap}.vx-trust span{display:flex;align-items:center;gap:7px}.vx-trust svg{color:#a967fb}
.vx-hero-showcase{position:relative;min-height:555px;display:grid;place-items:center;padding:14px 50px 10px}
.vx-glow{position:absolute;width:570px;height:530px;border-radius:50%;background:radial-gradient(circle,rgba(221,70,207,.24),rgba(111,58,226,.12) 44%,transparent 70%);filter:blur(20px)}
.vx-giveaway-card{position:relative;z-index:2;width:390px;background:linear-gradient(160deg,#17172a,#0f1522);border:1px solid #7255a8;border-radius:16px;overflow:visible;box-shadow:0 45px 110px rgba(0,0,0,.62),0 0 70px rgba(147,51,234,.13);transform:rotate(2.2deg)}
.vx-giveaway-media{position:relative;height:300px;border-radius:15px 15px 0 0;overflow:hidden;background:#151425}
.vx-giveaway-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#111522 0,rgba(15,18,34,.16) 58%,transparent);pointer-events:none}
.vx-giveaway-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.vx-giveaway-media>.vx-deadline{position:absolute;top:16px;left:16px;z-index:4}
.vx-deadline{display:inline-flex;align-items:center;background:linear-gradient(110deg,#6d49ef,#9c3fea);border:1px solid rgba(255,255,255,.24);color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;white-space:nowrap}
.vx-giveaway-body{position:relative;z-index:3;margin-top:-96px;padding:0 18px 18px;text-align:center}.vx-giveaway-body h2{font-size:29px;line-height:1.06;margin:0 0 11px;text-shadow:0 3px 18px #000}.vx-giveaway-body>p{font-size:11px;color:#d4d9e4;margin:0 0 14px}.vx-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:11px}.vx-mini-stats>div{background:rgba(19,26,40,.96);border:1px solid #2d3a50;border-radius:8px;padding:10px}.vx-mini-stats strong{display:block;font-size:15px}.vx-mini-stats small{display:block;font-size:9px;color:#9facbf}.vx-giveaway-body>.btn{min-height:42px!important;font-size:12px!important}.vx-share-label{display:block;margin:11px 0 8px;color:#c9d1df!important;font-size:9px!important}.vx-share-dots{display:flex;justify-content:center;gap:8px}.vx-share-dots i{font-style:normal;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#0b111b;border:1px solid #313d53;font-size:10px;color:#e6eaf2}.vx-share-dots i:nth-child(2){background:#4f46e5}.vx-share-dots i:nth-child(3){background:#10a86a}
.vx-ref-bubble{position:absolute;z-index:6;display:grid;grid-template-columns:36px auto;column-gap:9px;align-items:center;background:rgba(14,20,32,.98);border:1px solid #3c4960;border-radius:13px;padding:8px 11px;box-shadow:0 14px 34px #0009;transform:rotate(-2deg)}.vx-ref-bubble .vx-avatar-img{grid-row:1/3;width:36px;height:36px;border-radius:50%;object-fit:cover}.vx-ref-bubble b{font-size:10px}.vx-ref-bubble small{font-size:8px!important;color:#aeb8c9!important}.vx-ref-one{right:-60px;bottom:93px}.vx-ref-two{right:-12px;bottom:38px}
.vx-brand-strip{border-block:1px solid #182233;background:#0a101b;padding:24px 0 22px}.vx-brand-strip .wrap>span{display:block;text-align:center;color:#6e7d92;font-size:10px;margin-bottom:17px}.vx-brand-row{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;gap:16px}.vx-brand-row img{display:block;width:100%;max-width:118px;height:34px;margin:auto;opacity:.78;filter:saturate(.6);transition:.18s}.vx-brand-row img:hover{opacity:1;filter:none}
.vx-section{padding:44px 0 20px}.vx-section h2{font-size:31px;letter-spacing:-1px;margin:0 0 7px}.vx-section>p{font-size:14px;color:#a3aec0;margin:0 0 24px}.vx-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vx-feature-grid article{min-height:112px;display:flex;gap:14px;align-items:flex-start;padding:18px;background:linear-gradient(145deg,#111925,#0e151f);border:1px solid #263147;border-radius:10px}.vx-feature-grid article>svg{box-sizing:content-box;padding:10px;border-radius:9px;background:#3b2063;color:#c69aff;flex-shrink:0}.vx-feature-grid article:nth-child(2)>svg{background:#4b2336;color:#ff8da8}.vx-feature-grid article:nth-child(3)>svg{background:#123e35;color:#64e5b6}.vx-feature-grid article:nth-child(4)>svg{background:#173c65;color:#6db7ff}.vx-feature-grid article:nth-child(5)>svg{background:#5b3a0f;color:#ffc968}.vx-feature-grid article:nth-child(6)>svg{background:#4a1d58;color:#f58cff}.vx-feature-grid h3{font-size:14px;margin:1px 0 5px}.vx-feature-grid p{font-size:12px;line-height:1.48;margin:0;color:#aeb8c9}
.vx-models{padding-top:42px}.vx-model-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.vx-model-card{display:block;padding:9px 9px 14px;background:#101722;border:1px solid #283349;border-radius:10px;transition:.18s ease}.vx-model-card:hover{transform:translateY(-3px);border-color:#7a55aa}.vx-model-card.featured{border-color:#985cf3;box-shadow:0 0 0 1px rgba(152,92,243,.15),0 16px 40px rgba(0,0,0,.16)}.vx-model-art{height:128px;border-radius:8px;background:#151d2a;display:grid;place-items:center;overflow:hidden}.vx-model-art img{width:100%;height:100%;object-fit:cover;display:block}.vx-model-card h3{font-size:13px;margin:11px 2px 4px}.vx-model-card p{font-size:11px;line-height:1.4;margin:0 2px;color:#9ea9bb}.vx-pricing{padding-top:44px;padding-bottom:80px}.vx-pricing .plans{gap:12px;margin-top:22px}.vx-pricing .plan{border-radius:11px;padding:20px 17px;background:linear-gradient(145deg,#101722,#0d141f)}.vx-pricing .plan h3{font-size:15px}.vx-pricing .price{font-size:31px}.vx-pricing .plan>p,.vx-pricing .plan li{font-size:11px}.vx-pricing .plan.popular{border-color:#b354f4;background:linear-gradient(160deg,#1d1230,#101722 65%)}
.public-footer{background:#060a11!important;border-top-color:#171e2b!important}
.auth-art img{object-fit:cover!important;object-position:center 45%!important}

/* PANEL */
.app-layout{background:#070b12!important;min-height:100vh}.sidebar{width:232px!important;padding:17px 13px 14px!important;background:#0a101a!important;border-right:1px solid #1d283a!important}.sidebar>.brand{margin:0 9px 22px!important}.nav-label{font-size:9px!important;letter-spacing:.11em!important;margin:0 10px 9px!important;color:#61718a!important}.sidebar nav{gap:3px!important}.sidebar nav a{min-height:39px!important;padding:9px 11px!important;border-radius:8px!important;font-size:12px!important;gap:10px!important}.sidebar nav a svg{width:17px!important;height:17px!important}.sidebar nav a.active{background:linear-gradient(90deg,#29214d,#171c31)!important;border:1px solid #6244a0!important;color:#fff!important}.sidebar nav a small{font-size:7px!important}.sidebar-bottom{padding-top:10px!important}.profile{padding:10px 8px!important}.workspace{margin-left:232px!important;background:#080d16!important;min-width:0}.app-header{height:66px!important;padding:0 24px!important;background:rgba(8,13,22,.93)!important;border-bottom:1px solid #1d2839!important}.app-header>span{font-size:11px!important;color:#74829a!important}.app-header>div{gap:8px!important}.app-content{padding:24px!important;max-width:1510px!important;margin:0 auto!important;width:100%}.app-footer{font-size:10px!important;color:#66758c!important}
.vx-dash-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.vx-dash-heading h1{font-size:26px!important;margin:0 0 5px!important;letter-spacing:-.75px}.vx-dash-heading p{font-size:12px;margin:0;color:#8896aa}.vx-dash-heading select{width:auto;min-width:135px;padding:8px 10px;border-radius:8px;font-size:10px;background:#0e1521}
.vx-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 13px!important}.vx-metrics article{min-height:88px!important;padding:14px!important;background:#0f1724!important;border:1px solid #243149!important;border-radius:9px!important;display:flex!important;align-items:center!important;gap:12px!important}.vx-metrics article>span{width:38px!important;height:38px!important;border-radius:10px!important;display:grid!important;place-items:center!important}.vx-metrics article>span.green{background:#0d4435;color:#4adeab}.vx-metrics article>span.blue{background:#103b5e;color:#4db6ff}.vx-metrics article>span.purple{background:#38205d;color:#c084fc}.vx-metrics article>span.gold{background:#53360d;color:#f8c65a}.vx-metrics strong{font-size:22px!important;line-height:1!important}.vx-metrics small{font-size:9px!important;color:#d9dfeb!important;margin-top:3px!important}.vx-metrics em{font-size:8px!important;color:#56d69a!important;font-style:normal!important;margin-top:3px!important}
.vx-analytics-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(290px,1fr);gap:12px;margin-bottom:14px}.vx-dash-card{background:#0e1622;border:1px solid #253147;border-radius:9px;padding:15px;margin-bottom:13px}.vx-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.vx-card-title h2,.vx-dash-card>h2{font-size:14px!important;margin:0!important}.vx-card-title>span{font-size:9px;border:1px solid #29364b;border-radius:7px;padding:6px 8px;color:#a6b0c2}.vx-line-wrap{height:205px;position:relative}.vx-line-wrap svg{width:100%;height:170px;display:block;overflow:visible}.vx-grid-lines line{stroke:#202c3f;stroke-width:1}.vx-chart-labels{display:flex;justify-content:space-between;color:#75839a;font-size:8px;margin-top:4px}.vx-chart-empty,.vx-donut-empty{height:185px;display:grid;place-items:center;color:#6f7d92;font-size:10px}.vx-source-box{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center;min-height:190px}.vx-donut{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;position:relative}.vx-donut:after{content:"";position:absolute;inset:24px;background:#0e1622;border-radius:50%;border:1px solid #243147}.vx-donut span{position:relative;z-index:2;font-size:14px;font-weight:800}.vx-source-legend{display:flex;flex-direction:column;gap:9px}.vx-source-legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:9px}.vx-source-legend i{width:8px;height:8px;border-radius:50%}.vx-source-legend span{color:#aeb8c8}.vx-source-legend b{font-size:9px;color:#e7ebf2}
.vx-create-card{padding:17px!important}.vx-create-card>h2{font-size:17px!important;margin-bottom:13px!important}.vx-create-steps{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important;margin-bottom:13px!important}.vx-create-steps span{font-size:9px!important}.vx-template-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.vx-template-picker>a{display:flex;flex-direction:column;min-width:0;background:#111927;border:1px solid #2a3549;border-radius:9px;padding:8px;text-align:center}.vx-template-picker>a.active{border-color:#b251f1;box-shadow:0 0 0 1px rgba(178,81,241,.2)}.vx-template-thumb{height:102px;border-radius:7px;overflow:hidden;background:#151d2a}.vx-template-thumb img{width:100%;height:100%;object-fit:cover;display:block}.vx-template-picker b{font-size:11px;margin:9px 0 3px}.vx-template-picker small{font-size:8px!important;line-height:1.35!important;min-height:34px;color:#9aa6b8!important}.vx-template-picker span{margin-top:7px;padding:7px;border-radius:5px;background:linear-gradient(110deg,#7548e6,#9253f1);color:#fff;font-size:8px;font-weight:800}
.vx-preview-row{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:22px;align-items:end;margin:20px 0 14px}.vx-live-preview{background:#09111d;border:1px solid #2f3b52;border-radius:10px;overflow:hidden}.vx-preview-top{height:46px;background:#f8fafc;color:#161b27;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:9px}.vx-preview-top strong{font-size:12px;color:#5b2dc5}.vx-preview-top nav{display:flex;align-items:center;gap:16px}.vx-preview-top nav b{background:#7c3aed;color:#fff;padding:6px 9px;border-radius:5px}.vx-preview-main{display:grid;grid-template-columns:43% 57%;min-height:330px;background:radial-gradient(circle at 20% 40%,rgba(135,51,222,.25),transparent 35%),#08111d}.vx-preview-main>img{width:100%;height:330px;object-fit:cover;object-position:center 44%}.vx-preview-main>div{padding:30px 26px 22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.vx-preview-main h2{font-size:34px!important;line-height:1.02!important;margin:12px 0 10px!important}.vx-preview-main p{font-size:11px;line-height:1.5;margin:0 0 15px;max-width:360px}.vx-preview-main .vx-deadline{align-self:flex-end;font-size:8px;padding:5px 8px}.vx-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-bottom:13px}.vx-preview-stats>div{background:#101a28;border:1px solid #263247;border-radius:7px;padding:9px;text-align:center}.vx-preview-stats strong{font-size:13px;display:block}.vx-preview-stats small{font-size:8px;color:#9aa6b8}.vx-preview-main>.btn{font-size:10px!important;min-height:38px!important}.vx-preview-share{text-align:center;padding:16px;background:#0a121e}.vx-preview-share h3{font-size:12px;margin:0 0 4px}.vx-preview-share p{font-size:8px;margin:0 0 10px}.vx-preview-share>div{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.vx-preview-share span{font-size:8px;color:#b9c1cf}
.vx-phone{width:198px;height:421px;background:#05070b;border:6px solid #202631;border-radius:34px;padding:8px;box-shadow:0 24px 56px #0008;position:relative}.vx-phone-notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:68px;height:11px;background:#05070b;border-radius:0 0 8px 8px;z-index:4}.vx-phone-screen{height:100%;border-radius:23px;overflow:hidden;background:#0a111d;padding:16px 10px 11px;text-align:center;display:flex;flex-direction:column;align-items:center}.vx-phone-screen>strong{align-self:flex-start;color:#7c3aed;font-size:8px;margin-bottom:6px}.vx-phone-screen>img{width:calc(100% + 20px);height:158px;object-fit:cover;object-position:center 43%;margin:0 -10px 9px}.vx-phone-screen .vx-deadline{font-size:7px;padding:4px 6px;align-self:flex-end;margin-top:-30px;z-index:2}.vx-phone-screen h3{font-size:19px!important;line-height:1!important;margin:21px 0 6px!important}.vx-phone-screen p{font-size:7px;line-height:1.4;margin:0 0 9px}.vx-phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-bottom:8px}.vx-phone-stats b{font-size:9px;padding:6px;background:#101a28;border:1px solid #263247;border-radius:5px}.vx-phone-stats small{display:block;font-size:6px!important}.vx-phone-screen>.btn{font-size:7px!important;min-height:29px!important;padding:5px!important;margin-top:auto}
.vx-participants-card{border-radius:9px!important}.vx-participants-card h2{font-size:15px!important}.vx-participants-card table{font-size:10px!important}.vx-participants-card th{font-size:8px!important}

@media(max-width:1180px){.vx-hero{grid-template-columns:1fr 1fr;gap:32px}.vx-hero h1{font-size:53px}.vx-giveaway-card{width:350px}.vx-ref-one{right:-25px}.vx-brand-row{grid-template-columns:repeat(4,1fr);row-gap:14px}.vx-model-grid{grid-template-columns:repeat(3,1fr)}.vx-template-picker{grid-template-columns:repeat(3,1fr)}.vx-preview-row{grid-template-columns:1fr}.vx-phone{display:none}.vx-analytics-grid{grid-template-columns:1fr}.vx-source-box{grid-template-columns:130px 1fr}.vx-metrics{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:860px){.public-header nav{display:none!important}.public-header{padding:0 18px!important}.public-header>div .quiet{display:none!important}.wrap{width:min(100% - 30px,1320px)}.vx-hero{grid-template-columns:1fr;min-height:auto;padding-top:44px}.vx-hero h1{font-size:48px}.vx-hero-showcase{min-height:520px}.vx-feature-grid{grid-template-columns:1fr 1fr}.vx-model-grid{grid-template-columns:1fr 1fr}.vx-pricing .plans{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.mobile-open{transform:translateX(0)}.workspace{margin-left:0!important}.app-header>button{display:inline-flex!important}.vx-template-picker{grid-template-columns:1fr 1fr}.vx-preview-main{grid-template-columns:1fr}.vx-preview-main>img{height:260px}.vx-create-steps{overflow:auto!important;display:flex!important}.vx-create-steps span{min-width:150px}}
@media(max-width:580px){.brand img{width:126px}.vx-hero h1{font-size:40px;letter-spacing:-2px}.vx-hero-copy>p{font-size:15px}.vx-trust{gap:10px}.vx-hero-showcase{padding:5px 0;min-height:500px}.vx-giveaway-card{width:min(350px,88vw)}.vx-ref-one{right:-3px}.vx-ref-two{right:4px}.vx-brand-row{grid-template-columns:repeat(2,1fr)}.vx-feature-grid,.vx-model-grid,.vx-pricing .plans{grid-template-columns:1fr}.vx-metrics{grid-template-columns:1fr!important}.vx-template-picker{grid-template-columns:1fr}.vx-source-box{grid-template-columns:1fr}.vx-donut{margin:auto}.vx-preview-main h2{font-size:26px!important}}