:root{--green:#57ff68;--green2:#2bd842;--bg:#050706;--panel:#0a0e0c;--muted:#929c96;--line:rgba(255,255,255,.11);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f7f5;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}
.topbar{height:36px;background:#08220d;border-bottom:1px solid rgba(87,255,104,.25);display:flex;justify-content:center;align-items:center;gap:24px;font-size:10px;color:#c4cdc7;letter-spacing:.02em}.topbar>div{display:flex;align-items:center;gap:9px}.topbar b{font-size:9px;color:var(--green);letter-spacing:.12em}.topbar a{color:var(--green);font-weight:700}.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}
.nav{position:absolute;z-index:20;top:36px;left:0;right:0;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(2,5,3,.55);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:9px}.brand strong{display:block;font-size:19px;letter-spacing:-.04em;font-weight:900}.brand small{display:block;color:var(--green);font-size:7px;letter-spacing:.32em;font-weight:800;margin-top:2px}.brand-symbol{width:27px;height:27px;border:1px solid var(--green);color:var(--green);display:grid;place-items:center;font-size:13px;font-weight:900;transform:skew(-8deg)}
.nav nav{display:flex;gap:28px;align-items:center;font-size:11px;font-weight:700}.nav nav>a{opacity:.84}.nav nav>a:hover{color:var(--green);opacity:1}.nav i{font-style:normal;color:#7e8982}.nav-discord{padding:11px 17px;background:var(--green);color:#061008!important;border-radius:6px;opacity:1!important}
.hamburger{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{height:calc(100vh - 36px);min-height:690px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url("assets/hero-police.jpg");background-size:cover;background-position:center center;filter:saturate(1.08) contrast(1.03)}
.hero-photo:before{content:"";position:absolute;inset:0;background:
linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.20) 35%,rgba(0,0,0,.48) 78%,rgba(5,7,6,.92) 100%),
linear-gradient(90deg,rgba(0,0,0,.30) 0%,transparent 50%,rgba(0,0,0,.30) 100%)}
.hero-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 36%,rgba(0,120,255,.10),transparent 45%)}
.grain{position:absolute;inset:0;opacity:.08;background-image:radial-gradient(#fff .6px,transparent .6px);background-size:5px 5px}.hero-content{position:relative;z-index:3;text-align:center;padding:120px 18px 70px}.badge{display:inline-block;border:1px solid rgba(87,255,104,.65);color:var(--green);padding:8px 15px;border-radius:50px;font-size:10px;font-weight:800;letter-spacing:.1em;background:rgba(15,55,23,.25)}
.nexora-logo{margin:25px auto 18px;line-height:.78}.fleur{font-size:48px;color:var(--green);text-shadow:0 0 35px rgba(87,255,104,.4);margin-bottom:8px}.word{font-size:clamp(62px,9vw,118px);font-weight:900;letter-spacing:-.085em;text-shadow:0 5px 28px #000}.mtl{font-size:13px;letter-spacing:.65em;color:var(--green);font-weight:800;margin:12px 0 0 .65em}
.subtitle{font-size:13px;color:#d0d8d3;margin:27px auto 36px}.numbers{display:flex;justify-content:center;gap:58px;margin-bottom:35px}.numbers div{display:flex;flex-direction:column;gap:6px}.numbers strong{font-size:26px;color:var(--green);letter-spacing:-.05em}.numbers span{font-size:7px;color:#9ba69f;font-weight:800;letter-spacing:.13em}
.hero-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.btn{display:inline-block;border:1px solid var(--green);padding:13px 18px;border-radius:6px;font-size:10px;font-weight:800;background:rgba(0,0,0,.18);transition:.2s}.btn:hover{background:var(--green);color:#061008;transform:translateY(-2px)}.btn.filled{background:var(--green);color:#061008}.btn.big{padding:17px 24px}.scrollhint{position:absolute;bottom:23px;z-index:4;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.22em;color:#7e8882}.scrollhint b{color:var(--green);font-size:13px;margin-left:7px}
.intro,.steps,.shop,.video,.rules{max-width:var(--max);margin:auto;padding:115px 5vw}.kicker{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.2em}.intro h2,.steps h2,.shop h2,.rules h2,.video h2,.community h2{font-size:clamp(42px,6vw,74px);line-height:.94;letter-spacing:-.065em;margin:13px 0 17px}.intro em,.steps em,.shop em,.rules em,.video em,.community em{font-style:normal;color:#8d9891}.lead{max-width:600px;color:var(--muted);font-size:14px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.feature-grid article{background:linear-gradient(145deg,#0d1310,#080b0a);border:1px solid var(--line);border-radius:10px;padding:31px;min-height:210px}.icon{color:var(--green);font-size:24px}.feature-grid h3{margin:25px 0 9px;font-size:18px}.feature-grid p,.step-grid p,.community p,.shop-grid p{font-size:12px;line-height:1.75;color:var(--muted)}
.city{padding:115px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#090d0b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.city-copy{max-width:520px}.city-copy h2{font-size:clamp(43px,6vw,76px);line-height:.94;letter-spacing:-.065em;margin:13px 0 20px}.city-copy em{font-style:normal;color:#8d9891}.city-copy p{color:var(--muted);line-height:1.8;font-size:13px}.text-link{display:inline-block;color:var(--green);font-size:11px;font-weight:800;margin-top:18px}
.city-card{height:430px;border:1px solid rgba(87,255,104,.25);border-radius:13px;position:relative;overflow:hidden;background:
radial-gradient(circle at 50% 50%,rgba(87,255,104,.17),transparent 25%),
linear-gradient(145deg,#12271a,#07100b)}.city-card:before,.city-card:after{content:"";position:absolute;inset:10%;border:1px solid rgba(87,255,104,.13);transform:rotate(14deg)}.city-card:after{transform:rotate(-14deg);inset:18%}.city-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(87,255,104,.15) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(87,255,104,.15) 50%,transparent 50.2%)}.city-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.city-center span{font-size:11px;letter-spacing:.4em;color:var(--green);margin-left:.4em}.city-center strong{font-size:65px;letter-spacing:-.08em}.city-center small{font-size:8px;color:#849087;letter-spacing:.3em}
.steps{background:var(--bg)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:55px}.step-grid>div{border-top:1px solid var(--line);padding-top:20px}.step-grid b{color:var(--green);font-size:10px;letter-spacing:.16em}.step-grid h3{font-size:20px;margin:18px 0 0}
.community{padding:100px 8vw;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#0f2414,#07100a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.community p{max-width:480px}.community h2{margin-bottom:10px}
.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:45px}.shop-grid>div{border:1px solid var(--line);background:#0b0f0d;border-radius:10px;padding:30px}.shop-grid span{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.2em}.shop-grid h3{font-size:28px;margin:12px 0}.shop-grid a{display:inline-block;color:var(--green);font-size:10px;font-weight:800;margin-top:13px}
.rules{border-top:1px solid var(--line)}.rules .btn{margin-top:18px}.video{border-top:1px solid var(--line)}.video-box{height:350px;margin-top:45px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,rgba(87,255,104,.12),transparent 35%),#090d0b}.video-box span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--green);color:var(--green);font-size:20px}.video-box p{font-size:11px;color:#77827b}
footer{padding:35px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#727d76;font-size:9px}.footlinks{display:flex;gap:20px}.footlinks a:hover{color:var(--green)}
@media(max-width:850px){.topbar>div span:not(.live-dot),.topbar>a{display:none}.nav nav{display:none}.nav nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#060907;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.hamburger{display:block}.numbers{gap:20px;flex-wrap:wrap}.feature-grid,.step-grid,.shop-grid,.city{grid-template-columns:1fr}.city{padding:80px 5vw}.city-card{height:330px}.community{padding:80px 5vw;flex-direction:column;align-items:flex-start}footer{flex-direction:column;align-items:flex-start}}


/* VIP CATALOG */
.vip{max-width:var(--max);margin:auto;padding:115px 5vw;border-top:1px solid var(--line);background:linear-gradient(180deg,#070a08,#050706)}
.vip-intro{color:var(--muted);font-size:13px;line-height:1.7;max-width:650px}
.vip-tabs{display:flex;gap:8px;margin:38px 0 24px;flex-wrap:wrap}
.vip-tab{border:1px solid var(--line);background:#0b100d;color:#b8c0bb;border-radius:6px;padding:12px 18px;font:800 10px Inter;letter-spacing:.08em;cursor:pointer;transition:.2s}
.vip-tab:hover,.vip-tab.active{border-color:var(--green);background:var(--green);color:#061008}
.vip-panel{display:none}
.vip-panel.active{display:block}
.vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.vip-item{background:linear-gradient(145deg,#101612,#080b0a);border:1px solid var(--line);border-radius:10px;overflow:hidden;padding-bottom:24px;transition:.2s}
.vip-item:hover{border-color:rgba(87,255,104,.45);transform:translateY(-3px)}
.vip-art{height:180px;display:grid;place-items:center;font-weight:900;font-size:30px;letter-spacing:.1em;color:var(--green);background:
radial-gradient(circle at 50% 45%,rgba(87,255,104,.18),transparent 34%),
linear-gradient(145deg,#122319,#070b09)}
.vip-art.car{background:radial-gradient(circle at 50% 45%,rgba(87,255,104,.2),transparent 32%),linear-gradient(145deg,#14271c,#080c0a)}
.vip-art.weapon{background:radial-gradient(circle at 50% 45%,rgba(87,255,104,.16),transparent 32%),linear-gradient(145deg,#151c18,#070a08)}
.vip-item>span,.vip-item h3,.vip-item p,.vip-item a{margin-left:24px;margin-right:24px}
.vip-item>span{display:block;color:var(--green);font-size:8px;font-weight:900;letter-spacing:.16em;margin-top:22px}
.vip-item h3{font-size:22px;margin-top:9px;margin-bottom:8px}
.vip-item p{color:var(--muted);font-size:11px;line-height:1.7;min-height:38px}
.vip-item a{display:inline-block;color:var(--green);font-size:10px;font-weight:800;margin-top:10px}
@media(max-width:850px){.vip-grid{grid-template-columns:1fr}.vip{padding:80px 5vw}}


.nav-login{padding:10px 14px;border:1px solid rgba(87,255,104,.45);border-radius:6px;color:#dce4df!important}
.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 24px 0}
.product-bottom strong{font-size:16px;color:#fff;white-space:nowrap}
.buy-btn{border:1px solid var(--green);background:var(--green);color:#061008;border-radius:6px;padding:10px 13px;font:800 9px Inter;cursor:pointer;transition:.2s}
.buy-btn:hover{background:#7cff89;transform:translateY(-1px)}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(9px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.modal-backdrop.open{display:flex}
.modal{width:min(480px,100%);background:#0b100d;border:1px solid rgba(87,255,104,.35);border-radius:13px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.55);position:relative}
.modal h2{font-size:42px;margin:12px 0}
.modal h2 em{font-style:normal;color:#8d9891}
.modal p{color:var(--muted);font-size:12px;line-height:1.7}
.modal small{display:block;color:#68746d;font-size:9px;line-height:1.6;margin-top:14px}
.modal-close{position:absolute;right:17px;top:12px;background:none;border:0;color:#aeb7b1;font-size:28px;cursor:pointer}
.fivem-login{width:100%;border:1px solid var(--green);background:var(--green);color:#061008;border-radius:7px;padding:14px;font:800 11px Inter;cursor:pointer;margin-top:18px}
.checkout-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;color:#8f9a93;font-size:11px}
.checkout-row strong{color:#fff}

.legal-note{max-width:330px;line-height:1.5;color:#59645d}

/* Images Nexora fournies par le propriétaire */
.hero-logo-image{position:relative;display:block;width:min(155px,24vw);height:auto;max-height:155px;object-fit:contain;margin:13px auto 10px;z-index:4;filter:drop-shadow(0 8px 24px rgba(0,0,0,.75));border-radius:12px}
.hero .word{text-shadow:0 5px 28px rgba(0,0,0,.95)}
.city-image-card{background:#070b09!important}
.city-image-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}
.city-image-card .city-lines{z-index:1}
.city-image-card .city-center{z-index:2;background:linear-gradient(180deg,transparent 25%,rgba(3,7,5,.75));}
.image-art{height:180px!important;display:block!important;padding:0!important;overflow:hidden;background:#080b09!important}
.image-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.buy-btn.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}
@media(max-width:850px){.hero-logo-image{left:auto;top:auto;transform:none;width:min(120px,28vw);opacity:1;margin:10px auto 8px}.hero-content{padding-top:145px}.city-image-card{min-height:330px}}