:root{
  --blue-deep:#12507f;
  --blue:#1a6aa8;
  --ink:#3d4348;
  --sky-1:#c3d8e8;
  --sky-2:#9fbdd4;
  --bar:#ffffff;
  --muted:#6b7c8c;
}

*{box-sizing:border-box}

body{
  margin:0;
  min-height:100vh;
  background:linear-gradient(135deg,var(--sky-1),var(--sky-2));
  color:var(--ink);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding:22px 32px;
}

.nav-pill{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 7px 7px 10px;
  border-radius:999px;
  background:var(--bar);
  border:1px solid rgba(18,80,127,.1);
  box-shadow:0 1px 0 #fff inset, 0 14px 34px -18px rgba(18,80,127,.75);
}

.brand{
  display:flex;
  align-items:center;
  gap:9px;
  padding-right:12px;
  margin-right:4px;
  border-right:1px solid rgba(18,80,127,.12);
  color:var(--ink);
  text-decoration:none;
}
.brand-mark{width:34px;height:34px;object-fit:contain;flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text b{font-size:.85rem;font-weight:800;letter-spacing:.02em}
.brand-text i{
  font-style:normal;
  margin-top:3px;
  font-size:.56rem;
  font-weight:700;
  letter-spacing:.28em;
  color:var(--blue);
}

.links{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.links > li > a{
  display:flex;
  align-items:center;
  gap:6px;
  padding:9px 16px;
  border-radius:999px;
  border:1px solid transparent;
  color:var(--muted);
  font-size:.85rem;
  font-weight:500;
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s, background-color .2s, border-color .2s;
}
.links > li > a:hover:not(.active){color:var(--blue-deep);background:rgba(18,80,127,.06)}
.links > li > a.active{
  color:var(--blue-deep);
  font-weight:600;
  border-color:rgba(18,80,127,.28);
  background:rgba(26,106,168,.09);
}

.links a.is-dropdown{padding-right:13px}
.links a.is-dropdown .chev{transition:transform .25s ease}
.has-menu.open > a.is-dropdown{
  background:var(--blue-deep);
  border-color:var(--blue-deep);
  color:#fff;
}
.has-menu.open > a.is-dropdown .chev{transform:rotate(180deg)}

.btn-discord{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:6px;
  padding:10px 18px;
  border-radius:999px;
  background:#5865F2;
  color:#fff;
  font-size:.83rem;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 8px 20px -10px rgba(88,101,242,.95);
  transition:transform .2s, background-color .2s;
}
.btn-discord svg{width:18px;height:18px;flex:none}
.btn-discord:hover{background:#4752c4;transform:translateY(-1px)}

.has-menu{position:relative}

.menu{
  position:absolute;
  top:calc(100% + 14px);
  left:0;
  width:560px;
  padding:14px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(18,80,127,.12);
  box-shadow:0 24px 50px -20px rgba(18,80,127,.55);
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px) scale(.985);
  transform-origin:top left;
  transition:opacity .2s, transform .2s, visibility .2s;
}
.has-menu.open .menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}

.menu::before{
  content:"";
  position:absolute;
  top:-6px;left:30px;
  width:12px;height:12px;
  background:#fff;
  border-left:1px solid rgba(18,80,127,.12);
  border-top:1px solid rgba(18,80,127,.12);
  transform:rotate(45deg);
  border-radius:2px;
}

.menu-label{
  margin:2px 0 12px 10px;
  font-size:.63rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#9db0c2;
}

.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}

.menu .item{
  display:grid;
  grid-template-columns:40px 1fr auto;
  align-items:center;
  gap:12px;
  padding:9px 11px;
  border-radius:12px;
  color:var(--ink);
  text-decoration:none;
  transition:background-color .18s;
}
.menu .item:hover{background:rgba(26,106,168,.09)}

.menu .ico{
  width:40px;
  height:40px;
  border-radius:11px;
  background-color:#fff;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  border:1px solid rgba(18,80,127,.14);
  box-shadow:0 4px 10px -5px rgba(0,0,0,.45);
  transition:transform .18s;
}
.menu .item:hover .ico{transform:scale(1.07)}

.menu .txt b{font-size:.875rem;font-weight:600}
.menu .price{font-size:.72rem;font-weight:600;color:var(--blue);white-space:nowrap}

.nav-pill a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

@media (max-width:920px){
  .site-header{padding:14px}
  .nav-pill{width:100%;overflow-x:auto}
  .links > li > a{padding:9px 12px;font-size:.8rem}
}
@media (max-width:640px){
  .brand-text{display:none}
  .menu{width:min(320px,90vw)}
  .game-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}

.menu .ico-minecraft{background-image:url(data:image/jpeg;base64,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)}
.menu .ico-gmod{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAUEBAYFBQUGBgYHCQ4JCQgICRINDQoOFRIWFhUSFBQXGiEcFxgfGRQUHScdHyIjJSUlFhwpLCgkKyEkJST/2wBDAQYGBgkICREJCREkGBQYJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCT/wAARCABYAFgDASIAAhEBAxEB/8QAHAABAAIDAQEBAAAAAAAAAAAAAAYIAQUHBAID/8QAPBAAAQMDAgQCCAMECwAAAAAAAQACAwQFEQYhBxIxQRNxFDdRUmGBkaEVc7MIlLHRFhcYIjNWYoLS4eL/xAAaAQACAwEBAAAAAAAAAAAAAAAABQQGBwMB/8QAMBEAAQMDAgMGBQUBAAAAAAAAAQACAwQFESExBhJBYXGRscHhExQ0coEiUVKh0fH/2gAMAwEAAhEDEQA/AJDxK4l3DUF0qLfb6qSntUDzG1sTuUzkHBc4jfGeg6YUAJJOSckoTk5KwtopKSKliEUQwB/faVklVVSVMhkkOSURF7LTaK6+18VBbqaSpqZT/dYwdu5J7Ae0qQ5waC5xwAuDWlxDWjJK8aLs9i4AReEyS+3SQyHcw0YADfhzuBz9AtpXcA9PSxEUdfcaeXs57myN+YwP4pA/iega/l5ie0A4TtnDla5vNygdmdVwRFPZOEd0o9WUVjrahrKat5/BromczXcrS7BBOztumfLKlH9nof5iP7r/AOlJlvtDFy80m4yNCdPwFHislbJnlZscHUD1XGlnpuFtdVWP+jWoK20Cf0j0V4b4vLy82Wg9PmtSmkcjZGB7diMj8pbJG6N5Y7caLoHDXiVcNP3Snt9wqpKi1TvEbmyuLjAScBzSdwM9R0wigAJByDgokNx4cp6uX4ueU9cde1PKC/zUsfwyOYdM9FhERWFIEVlOFuiotKWCOaaIfiVY0SVDyN2A7iMfAd/jlcG0TbmXbV1oopBzRyVTOce1oPMR9ArWhUri+tc1rKZp0Op9FcOFqRri6ocNRoPVeW53Sis1FJXXCpjpqaIZfI84A/mfgoK/jrpRs/hhtxezOPFEA5fPBOfsolx9vcs14obMx5EEEPpD29nPcSBnyA+5XKFys/DUE9M2eoJy7YDTAXS68QywVBhgAw3fP7q29nvFq1NQxV9uniq4A7LXAbscB3B3ad/utiq+cD75Lb9W/hpefR7hE5pZnbnaOZp88Bw+asGq7eLd8jUmEHI3Hcn1qr/nYBKRg7HvVYuKfrAvP5rf02qKKV8U/WBefzW/ptUUWoW76SL7W+QWcXD6qX7j5oiIpiiIiIhClHDGVsOvbK5xwDPy/MtcB/FWgCqDa6+S1XKkr4t300zJmj2lpBwrb2+ugudDBW0zw+CojbIxw7gjIVB4xhcJY5ehGPA59VeOFJQYnx9Qc+P/ABcB45wvj1uHuaQ2SkiLT7QC4H7hc8VjuKmgJNZW6GooOQXKkz4YccCVh6sJ7HO4P81wiXSGoYar0V9juQmzjkFO45+YGE+sFxhlo2M5gHNGCO7qkt8oJo6pzw0kOOQVuOE0bpOINp5QTyukcfIRuVmey5jwj4bVWm3yXq8RiOtlZ4cMGcmFh6l3+o7bdh5rpyp/EtbHU1eYjkNGM+J9VauH6SSnpcSDBJzjw/xVi4p+sC8/mt/TaoopXxT9YF5/Nb+m1RRaJbvpIvtb5BUK4fVS/cfNERFMUREREIRdL4XcU26ZY2z3kvdbS4mKZoyacnqCO7e+24UN0dbaO8aottury8U1TMIn8juU7g4wfPC7b/UbpL3bh+8/9KvX2tomN+WrATkZGBt7p9ZaOrc75ilIGNNevspzb7pQ3WnbUUFXBVQuGQ+J4cPsvQ5zWNLnENA6k7AKrOsLPNo7VVdb6V9RTxxv5oHB5DnRkZacjGfZ8lqJ7rcKpnJUV1XMz3ZJnOH0JSNnCTZWiSKb9J1GmuD+U5fxOYiY5Iv1DTf2Vk5eIVsm1XQactssVZPO5/jyRuyyFrWE4yNi4kDbtupX2VeeCNmqK7WMdeyM+jUMb3SPxsHOaWtb57k+QVhuySXuhhop2wRHOAM9+T6YTi0VktXCZpBjJ07tPdVi4p+sC8/mt/TaoopJxGq2Vuub1NGQ5vpJYCO/KA0/cKNrTaAEUsQP8R5BZ1XEGpkI/kfNERFLUVEWSCDg9VhCF+tLUy0dTFUwPLJYXtkY4dnA5B+oVptGaso9YWSGvpntEoAbUQ53ik7g/DuD3CqotjYtQ3PTdcK211b6aYbHG7Xj2OB2I80kvdnFwjHKcPbsfQpzZ7qaGQ8wy07/AOqzmptGWTV0LI7rRiR8efDmY4tkZ5OHb4HZRSHgRpaObnfNcpmA/wCG6YAH5hoK0Vm/aBaI2svNoeXjrLSPGD/td0+q3Z49aWDOYU11Lvd8Fv8AyVPbRXqlHwow7HYcj2VrdV2mpPxHlue0aqeWmz2+xUTKK20kVLTs3DIxjf2k9SfiVo+IOtabRtkkm52urpmllLD3c73iPdHU/TuufXvj/NJG6Oy2kROOwmq38xHkxu31K5bdrxX32ufXXKqkqah/V7z0HsA6AfAKXbeGaiWUS1ug3xnJPf69VFuHEMEUZjpNTtnYBeSSR8sjpJHFz3kuc49ST1K+URaAqKdURZAJOAMkojK9AJ2U/wCJXDW4aeulRX2+lkqLVO8yNdE3mMBJyWuA3Az0PTCgBGDgoiRcPVstVSh0u408P3Tq/UcdNUkR7HVYRET1JEREQhEREIRZAJOBuURCAp/w14a3DUF0p7hcKWSntUDxI50reUzkHIa0HcjPU9MIiLLr3dKmSqc3mwG6DGi0m0W6COmaeXJOpzqv/9k=)}
.menu .ico-rust{background-image:url(data:image/jpeg;base64,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)}
.menu .ico-fivem{background-image:url(data:image/jpeg;base64,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)}
.menu .ico-ark{background-image:url(data:image/jpeg;base64,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)}
.menu .ico-discordbot{background-image:url(data:image/jpeg;base64,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)}
.menu .ico-novalife{background-image:url(data:image/jpeg;base64,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)}
.menu .ico-palworld{background-image:url(data:image/jpeg;base64,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)}

.auth-pill{
  padding:7px;
  border-radius:999px;
  background:var(--bar);
  border:1px solid rgba(18,80,127,.1);
  box-shadow:0 1px 0 #fff inset, 0 14px 34px -18px rgba(18,80,127,.75);
  flex:none;
}

.sep{
  display:flex;
  align-items:center;
  gap:12px;
  margin:20px 0;
  color:#a9b8c6;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.sep::before,.sep::after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(18,80,127,.14);
}

.field{display:block;margin-bottom:14px}
.field span{
  display:block;
  margin-bottom:6px;
  font-size:.75rem;
  font-weight:600;
  color:#5a6b7b;
}
.field input{
  width:100%;
  padding:11px 14px;
  border:1px solid rgba(18,80,127,.18);
  border-radius:11px;
  background:#f7fafc;
  font-family:inherit;
  font-size:.87rem;
  color:var(--ink);
  transition:border-color .18s, background-color .18s, box-shadow .18s;
}
.field input::placeholder{color:#a9b8c6}
.field input:focus{
  outline:0;
  background:#fff;
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(26,106,168,.15);
}

.forgot{
  display:block;
  margin:-4px 0 18px;
  font-size:.74rem;
  color:var(--blue);
  text-align:right;
  text-decoration:none;
}
.forgot:hover{text-decoration:underline}

.btn-submit{
  width:100%;
  padding:12px;
  border:0;
  border-radius:12px;
  background:linear-gradient(180deg,var(--blue),var(--blue-deep));
  color:#fff;
  font-family:inherit;
  font-size:.88rem;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 10px 22px -12px rgba(18,80,127,.95);
  transition:filter .2s, transform .2s;
}
.btn-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}

.switch{
  margin:18px 0 0;
  font-size:.78rem;
  color:var(--muted);
  text-align:center;
}
.switch a{color:var(--blue);font-weight:600;text-decoration:none}
.switch a:hover{text-decoration:underline}

@media (max-width:920px){
  .site-header{flex-direction:column}
  .auth-pill{align-self:flex-start}
}

.view[hidden]{display:none}

.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.check{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:2px 0 18px;
  font-size:.74rem;
  line-height:1.45;
  color:var(--muted);
  cursor:pointer;
}
.check input{
  margin:1px 0 0;
  width:15px;
  height:15px;
  accent-color:var(--blue);
  flex:none;
  cursor:pointer;
}
.check a{color:var(--blue);text-decoration:none}
.check a:hover{text-decoration:underline}

.hint{
  margin:14px 0 0;
  padding:10px 12px;
  border-radius:10px;
  background:rgba(26,106,168,.07);
  font-size:.73rem;
  line-height:1.45;
  color:#5a6b7b;
}

.auth-page{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  padding:40px 20px;
}

.auth-card{
  width:min(400px,100%);
  padding:34px 32px 28px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 40px 90px -40px rgba(10,35,58,.75);
}

.auth-logo{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:26px;
  color:var(--ink);
  text-decoration:none;
}
.auth-logo img{width:34px;height:34px;object-fit:contain}
.auth-logo span{display:flex;flex-direction:column;line-height:1}
.auth-logo b{font-size:.85rem;font-weight:800;letter-spacing:.02em}
.auth-logo i{
  font-style:normal;
  margin-top:3px;
  font-size:.56rem;
  font-weight:700;
  letter-spacing:.28em;
  color:var(--blue);
}

.auth-card h1{margin:0;font-size:1.5rem;letter-spacing:-.025em}
.auth-sub{margin:7px 0 24px;font-size:.84rem;color:var(--muted)}

.auth-card .btn-discord{
  justify-content:center;
  width:100%;
  margin:0;
  padding:12px;
}

.auth-pill{display:flex;align-items:center;gap:2px;padding:5px}

.btn-login{
  padding:10px 18px;
  border-radius:999px;
  color:var(--blue-deep);
  font-size:.84rem;
  font-weight:600;
  text-decoration:none;
  transition:background-color .2s;
}
.btn-login:hover{background:rgba(18,80,127,.08)}

.auth-div{
  width:1px;
  height:20px;
  margin:0 4px;
  background:rgba(18,80,127,.16);
}

.btn-signup{
  position:relative;
  display:flex;
  align-items:center;
  gap:0;
  padding:11px 20px;
  border-radius:999px;
  background:#0f4470;
  color:#fff;
  font-size:.84rem;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  box-shadow:0 6px 18px -8px rgba(15,68,112,.9);
  transition:background-color .25s;
}
.btn-signup::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28),transparent 70%);
  transform:translateX(-110%);
  transition:transform .55s ease;
}
.btn-signup:hover::before{transform:translateX(110%)}
.btn-signup:hover{background:#0b3559}

.arrow{
  display:grid;
  place-items:center;
  width:0;
  margin-left:0;
  opacity:0;
  overflow:hidden;
  transition:width .25s ease, margin .25s ease, opacity .2s ease;
}
.arrow svg{width:15px;height:15px}
.btn-signup:hover .arrow{width:15px;margin-left:8px;opacity:1}

.back-site{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:20px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.65);
  border:1px solid rgba(18,80,127,.14);
  color:var(--blue-deep);
  font-size:.8rem;
  font-weight:600;
  text-decoration:none;
  backdrop-filter:blur(6px);
  transition:background-color .2s, transform .2s;
}
.back-site svg{width:15px;height:15px;transition:transform .2s}
.back-site:hover{background:#fff;transform:translateY(-1px)}
.back-site:hover svg{transform:translateX(-2px)}
/* Style du titre principal */
.hero-title {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: #ffffff;
}

/* Effet AuroraText en CSS pur */
.aurora-text {
    background: linear-gradient(
        135deg, 
        #a855f7, 
        #ec4899, 
        #3b82f6, 
        #10b981
    );
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: aurora-animation 6s ease infinite;
}

/* Animation fluide des couleurs */
@keyframes aurora-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }

}
.hero {
    text-align: center;
    padding: 60px 20px;
}

.hero h1 {
    font-size: 4rem;
    margin-bottom: 15px;
        
}

    .hero p {
        color: #020621;
        font-size: 1.2rem;
    }
/* Style du titre principal */
.hero-title {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: #ffffff;
}

/* Effet AuroraText en CSS pur */
.aurora-text {
    background: linear-gradient(
        135deg, 
        #43d1ff, 
        #013e6a, 
        #092070, 
        #419ad6
    );
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: aurora-animation 6s ease infinite;
}

/* Animation fluide des couleurs */
@keyframes aurora-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/* ==========================================
   LAYOUT DISPOSITION CÔTÉ À CÔTÉ (HERO)
   ========================================== */

.hero-section {
    width: 100%;
    padding: 60px 20px;
}

.hero-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center; /* Aligne verticalement le titre et le tableau */
    justify-content: space-between;
    gap: 50px;
}

/* Colonne Gauche (Texte) */
.hero-left {
    flex: 1;
    text-align: left;
}

    .hero-left h1 {
        font-size: 4rem;
        font-weight: 800;
        line-height: 1.1;
        color: #ffffff;
        margin-bottom: 20px;
    }

        .hero-left h1 span {
            color: #3b82f6; /* Bleu French Hosting */
        }

.hero-subtitle {
    font-size: 1.2rem;
    color: #475569;
    margin-bottom: 10px;
    font-weight: 600;
}

.hero-info {
    font-size: 0.95rem;
    color: #64748b;
}

/* Colonne Droite (Tableau) */
.hero-right {
    flex: 1;
    max-width: 550px;
}

.features-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Ajustement des cartes pour la colonne */
.feature-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #0f4470;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 14px 18px;
    transition: all 0.3s ease;
}

    .feature-card:hover {
        background: rgba(30, 58, 138, 0.4);
        border-color: #3b82f6;
        transform: translateX(6px);
    }

.feature-content h3 {
    font-size: 0.98rem;
    font-weight: 700;
    color: #f8fafc;
    margin: 0 0 2px 0;
}

.feature-content p {
    font-size: 0.82rem;
    color: #94a3b8;
    margin: 0;
}

/* Responsive : Bascule l'un sous l'autre sur écran mobile */
@media (max-width: 992px) {
    .hero-container {
        flex-direction: column;
        gap: 40px;
    }

    .hero-left {
        text-align: center;
    }

    .hero-right {
        width: 100%;
    }
}

/* --- Espace Client (Theme Clair / Bleu Pastel) --- */
.dashboard-body {
    background: linear-gradient(135deg, #b0cbe8 0%, #cbe0f5 50%, #b8d4f0 100%);
    color: #0f2942;
    margin: 0;
    font-family: system-ui, -apple-system, sans-serif;
    min-height: 100vh;
}

.dashboard-container {
    display: flex;
    min-height: 100vh;
    padding: 20px;
    gap: 20px;
    box-sizing: border-box;
}

/* Sidebar façon Pilule Blanche */
.sidebar {
    width: 260px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(15, 41, 66, 0.08);
    box-sizing: border-box;
}

.sidebar-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 35px;
}

.sidebar-brand img {
    height: 35px;
}

.sidebar-brand .brand-text {
    color: #0f2942;
    font-size: 1.1rem;
}

.sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
    /* Pousse tout ce qui suit (le footer avec la déconnexion) tout en bas */
    flex-grow: 1; 
}

.nav-item {
    color: #4a6382;
    text-decoration: none;
    padding: 12px 18px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.25s ease;
}

.nav-item:hover {
    background-color: rgba(15, 41, 66, 0.05);
    color: #0f2942;
}

.nav-item.active {
    background-color: #0f2942;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(15, 41, 66, 0.2);
}

/* Bouton de déconnexion calé tout en bas */
.sidebar-footer {
    margin-top: auto; /* Force le placement tout en bas */
    padding-top: 20px;
    border-top: 1px solid rgba(15, 41, 66, 0.1);
}

.logout-btn {
    color: #dc2626;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 30px;
    font-weight: 600;
    transition: background-color 0.2s ease;
}

.logout-btn:hover {
    background-color: #fee2e2;
}

/* Zone Principale */
.dashboard-main {
    flex-grow: 1;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(15, 41, 66, 0.08);
}

.dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(15, 41, 66, 0.1);
    padding-bottom: 15px;
}

.dashboard-header h2 {
    color: #0f2942;
    font-size: 1.8rem;
    font-weight: 800;
    margin: 0;
}

.user-profile {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: #0f2942;
    background: #ffffff;
    padding: 8px 18px;
    border-radius: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.avatar {
    font-size: 1.5rem;
    color: #0f2942;
}

/* Grille de statistiques */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card {
    background: #ffffff;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 4px 15px rgba(15, 41, 66, 0.05);
}

.stat-icon {
    font-size: 2rem;
    color: #0f2942;
}

.stat-card h3 {
    margin: 0;
    font-size: 0.9rem;
    color: #5d7593;
}

.stat-number {
    font-size: 1.6rem;
    font-weight: 800;
    color: #0f2942;
    margin: 5px 0 0 0;
}

/* Section Services */
.dashboard-section {
    background: #ffffff;
    padding: 24px;
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(15, 41, 66, 0.05);
}

.dashboard-section h3 {
    margin-top: 0;
    color: #0f2942;
}

.service-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background-color: #f4f8fc;
    border-radius: 16px;
    margin-top: 15px;
}

.service-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.service-info h4 {
    margin: 0;
    color: #0f2942;
}

.service-icon {
    font-size: 1.8rem;
    color: #0f2942;
}

.badge.active {
    background-color: #dcfce7;
    color: #15803d;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
}

.service-detail {
    color: #5d7593;
    font-size: 0.85rem;
    margin: 5px 0 0 0;
}

.btn-manage {
    background-color: #0f2942;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.2s;
}

.btn-manage:hover {
    background-color: #1a3c5e;
    transform: translateY(-2px);
}
/* Style de la notification Toast */
.toast {
	position: fixed;
	top: 20px;
	right: 20px;
	background: #1e293b;
	color: #fff;
	padding: 14px 20px;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	border-left: 4px solid #10b981; /* Vert succès */
	display: flex;
	align-items: center;
	z-index: 9999;
	opacity: 0;
	transform: translateY(-20px);
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	pointer-events: none;
}

.toast.show {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.toast-content {
	display: flex;
	align-items: center;
	gap: 12px;
}

.toast-icon {
	background: #10b981;
	color: #fff;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 14px;
}

.toast-text {
	display: flex;
	flex-direction: column;
	font-size: 14px;
}

.toast-text strong {
	font-weight: 600;
	color: #ffffff;
}

.toast-text span {
	color: #94a3b8;
	font-size: 13px;
}
/* Correction de la taille des icônes dans le menu latéral */
.sidebar-nav svg,
.nav-item svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px;
    min-height: 20px;
    flex-shrink: 0;
}
/* ==========================================
   BARRE DE STATISTIQUES / SPÉCIFICATIONS
   ========================================== */

.stats-bar-section {
    width: 100%;
    padding: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.stats-container {
    max-width: 1850px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #01497b;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: hidden;
}

/* Style de chaque bloc */
.stat-card {
    padding: 30px 20px;
    text-align: center;
    position: relative;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    background: transparent;
    overflow: hidden;
}

    /* Séparateurs entre les blocs */
    .stat-card:not(:last-child) {
        border-right: 1px solid #5a6b7b;
    }

/* Textes */
.stat-value {
    font-size: 1.8rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 6px;
    transition: transform 0.3s ease, color 0.3s ease;
}

.stat-label {
    font-size: 0.85rem;
    color: #94a3b8;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

/* ==========================================
   ANIMATIONS AU SURVOL (HOVER)
   ========================================== */

.stat-card:hover {
    background: rgba(30, 58, 138, 0.2); /* Halo bleu transparent */
    box-shadow: inset 0 0 20px rgba(59, 130, 246, 0.25);
}

    .stat-card:hover .stat-value {
        color: #38bdf8; /* Couleur cyan électrique au survol */
        transform: translateY(-3px); /* Effet d'élévation */
        text-shadow: 0 0 12px rgba(56, 189, 248, 0.5);
    }

    .stat-card:hover .stat-label {
        color: #e2e8f0;
    }

/* Effet d'éclair / reflet lumineux qui traverse la carte au survol */
.stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.08), transparent );
    transition: 0.5s;
}

.stat-card:hover::before {
    left: 100%;
}

/* Responsive pour tablettes et mobiles */
@media (max-width: 900px) {
    .stats-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-card:nth-child(2) {
        border-right: none;
    }

    .stat-card:nth-child(1), .stat-card:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
}

@media (max-width: 500px) {
    .stats-container {
        grid-template-columns: 1fr;
    }

    .stat-card {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
}
/* Boutons CTA du Hero */
.hero-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
    margin-bottom: 40px;
}

.btn-primary {
    background: #3b82f6;
    color: #fff;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
}

    .btn-primary:hover {
        background: #2563eb;
        transform: translateY(-2px);
    }

.btn-discord {
    background: #5865F2;
    color: #fff;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .btn-discord:hover {
        background: #4752C4;
        transform: translateY(-2px);
    }

/* Section Grille de Jeux */
.featured-games-section {
    max-width: 1000px;
    margin: 60px auto;
    padding: 0 20px;
    text-align: center;
}

.section-title {
    font-size: 2rem;
    color: #1e293b;
    font-weight: 800;
    margin-bottom: 5px;
}

.section-subtitle {
    color: #64748b;
    margin-bottom: 40px;
}

.games-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.game-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 30px 20px;
    position: relative;
    text-align: left;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

    .game-card:hover {
        transform: translateY(-6px);
        border-color: #3b82f6;
        box-shadow: 0 15px 30px rgba(59, 130, 246, 0.15);
    }

.game-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
}

.game-icon {
    font-size: 2.2rem;
    color: #3b82f6;
    margin-bottom: 15px;
}

.game-card h3 {
    font-size: 2rem;
    color: #0f172a;
    margin-bottom: 8px;
}

.game-card p {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 20px;
}

.game-price {
    font-size: 0.9rem;
    color: #475569;
    margin-bottom: 15px;
}

    .game-price span {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

.btn-card {
    display: block;
    text-align: center;
    background: #f1f5f9;
    color: #1e293b;
    padding: 10px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.game-card:hover .btn-card {
    background: #3b82f6;
    color: #ffffff;
}

.game-card-img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 10px; /* Arrondit joliment les bords du logo */
    margin-bottom: 15px;
    display: block;
}
/* Conteneur des 2 boutons (empilés proprement avec de l'espace) */
.cta-buttons-container {
    display: flex;
    flex-direction: column;
    gap: 12px; /* Espacement de 12px entre les deux boutons */
    margin-top: 20px;
    width: 100%;
}

/* Style de base pour LES DEUX boutons */
.btn-cta {
    display: block;
    width: 100%;
    padding: 14px 20px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.95rem;
    text-align: center;
    text-decoration: none !important; /* Supprime le trait souligné bleu */
    transition: all 0.25s ease;
    box-sizing: border-box;
}

    /* 1. Bouton "Se Lancer" (Bleu Principal) */
    .btn-cta.primary {
        background-color: #3b82f6;
        color: #ffffff !important;
        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    }

        .btn-cta.primary:hover {
            background-color: #2563eb;
            transform: translateY(-2px);
        }

    /* 2. Bouton "Nous contacter" (Gris clair / Secondaire) */
    .btn-cta.secondary {
        background-color: #f1f5f9;
        color: #1e293b !important;
        border: 1px solid #cbd5e1;
    }

        .btn-cta.secondary:hover {
            background-color: #e2e8f0;
            transform: translateY(-2px);
        }

/* Carte principale */
.deploy-banner-card {
    max-width: 900px;
    margin: 1px auto;
    padding: 0px 0px;
    background: #0f172a; /* Fond bleu nuit très sombre */
    border-radius: 20px;
    text-align: center;
    position: relative;
    /* Fine bordure avec subtil dégradé bleu */
    border: 1px solid rgba(59, 130, 246, 0.3);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(59, 130, 246, 0.1);
}

/* Badge "SERVEUR PRÊT" */
.deploy-badge {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 2px;
    color: #60a5fa;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px;
}

/* Titre principal */
.deploy-banner-card h2 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin: 0 0 15px 0;
}

/* Effet dégradé sur la 2ème ligne du titre ("être déployé.") */
.gradient-text {
    background: linear-gradient(135deg, #60a5fa 0%, #93c5fd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Sous-titre gris/bleuté */
.deploy-subtitle {
    color: #94a3b8;
    font-size: 0.95rem;
    max-width: 500px;
    margin: 0 auto 30px auto;
    line-height: 1.5;
}

/* Conteneur des boutons (Alignés côte à côte) */
.deploy-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap; /* S'adapte proprement sur mobile */
}

/* Bouton Principal (Bleu néon avec lueur) */
.btn-deploy-primary {
    background: #3b82f6;
    color: #ffffff !important;
    padding: 12px 24px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
    transition: all 0.3s ease;
}

    .btn-deploy-primary:hover {
        background: #2563eb;
        transform: translateY(-2px);
        box-shadow: 0 0 25px rgba(59, 130, 246, 0.7);
    }

/* Bouton Secondaire (Sombre avec bordure) */
.btn-deploy-secondary {
    background: rgba(30, 41, 59, 0.8);
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12px 24px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

    .btn-deploy-secondary:hover {
        background: rgba(51, 65, 85, 0.9);
        border-color: rgba(255, 255, 255, 0.2);
        transform: translateY(-2px);
    }



/* Le footer pleine largeur avec sa ligne de délimitation en haut */
.site-footer {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    /* 1. La couleur du fond du footer */
    background-color: #07090e;
    /* 2. LA DÉLIMITATION DU HAUT (Ligne fine lumineuse) */
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    /* 3. Optionnel : Petit effet de halo sous la ligne */
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.5);
    padding: 60px 0 40px 0;
    box-sizing: border-box;
}



/* Alignement côte à côte en colonnes */
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr; /* 4 colonnes alignées horizontales */
    gap: 40px;
    text-align: left; /* Pour éviter que tout se centre en colonne unique */
}

/* FIXED : Fixer la taille du logo géant */
.footer-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

    .footer-logo .logo-img {
        width: 32px !important; /* Taille fixe pour l'icône */
        height: 32px !important; /* Taille fixe pour l'icône */
        max-width: 32px !important; /* Empêche l'image de dépasser */
        object-fit: contain;
    }

/* Titres & textes */
.footer-desc {
    color: #94a3b8;
    font-size: 0.9rem;
    line-height: 1.5;
    max-width: 320px;
    margin-bottom: 15px;
}

.footer-col h4 {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footer-col ul li {
        margin-bottom: 10px;
    }

        .footer-col ul li a {
            color: #cbd5e1;
            text-decoration: none;
            font-size: 0.9rem;
            transition: color 0.2s;
        }

            .footer-col ul li a:hover {
                color: #a855f7;
            }
/* Applique le GIF animé en fond UNIQUEMENT sur la section d'arrivée */
.hero-animated-section {
    width: 100%;
    padding: 60px 20px 80px 20px;
    box-sizing: border-box;
    /* L'image GIF */
    background-image: url('https://blog.gaya.mx/hubfs/MX_Blogs/GAYA-ABR2023_Blog-Riesgos-04-600x300.gif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* Permet de garder le contenu au-dessus */
    position: relative;
}

    /* Voile sombre léger pour rendre le texte parfaitement lisible par-dessus le GIF */
    .hero-animated-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(11, 19, 41, 0.7); /* Voile bleu/noir translucide */
        z-index: 1;
    }

    /* On remet le contenu au-dessus du voile sombre */
    .hero-animated-section > * {
        position: relative;
        z-index: 2;
    }
/* =========================================================
   STYLE DU BOUTON ADMIN IDENTIQUE AUX AUTRES
   ========================================================= */

/* Separateur Administration */
.nav-divider {
    font-size: 0.7rem;
    color: #94a3b8;
    font-weight: 700;
    margin: 18px 0 6px 12px;
    letter-spacing: 0.5px;
}

/* Bouton Admin standard */
.sidebar-nav .nav-item.admin-link {
    color: #4f46e5;
    background-color: transparent;
    transition: all 0.2s ease;
}

    /* Effet au survol (hover) */
    .sidebar-nav .nav-item.admin-link:hover {
        background-color: #e0e7ff; /* Fond légèrement bleuté/violet au survol */
        color: #3730a3;
    }

    /* Si le bouton admin est la page active */
    .sidebar-nav .nav-item.admin-link.active {
        background-color: #0f172a !important; /* Pilule sombre comme Paramètres du compte */
        color: #ffffff !important;
    }

        .sidebar-nav .nav-item.admin-link.active i {
            color: #ffffff !important;
        }
/* FIX DU TEXTE DU LOGO ADMIN */
.sidebar-brand .brand-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.sidebar-brand .brand-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.sidebar-brand .brand-title {
    font-weight: 800 !important;
    color: #0f172a !important;
    font-size: 0.95rem !important;
    white-space: nowrap !important; /* Empêche le texte de se couper sur 2 lignes */
    line-height: 1.1 !important;
}

.sidebar-brand .brand-sub {
    font-weight: 800 !important;
    color: #4f46e5 !important; /* Couleur violet/bleu pour marquer le mode admin */
    font-size: 0.65rem !important;
    letter-spacing: 0.8px !important;
    margin-top: 2px !important;
    display: block !important;
}
.app-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 24px !important;
    padding: 20px !important;
    min-height: 100vh !important;
    box-sizing: border-box !important;
}

.main-content {
    flex: 1 !important;
    width: calc(100% - 280px) !important;
}
/* --- PAGES OFFRES & SERVICES --- */
.offres-header {
    text-align: center;
    padding: 40px 20px;
    background: #ffffff;
    border-radius: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.offres-header-icon {
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin-bottom: 10px;
}

.grid-offres {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.card-offre {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .card-offre:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    }

.plan-header-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.plan-title-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.price-tag {
    font-size: 1.8rem;
    font-weight: 800;
    color: #0f172a;
    margin: 15px 0;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    color: #475569;
    font-size: 0.9rem;
}

    .feature-list li {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

.btn-commander {
    background: #0f172a;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    font-weight: 700;
    display: block;
    transition: background 0.2s;
}

    .btn-commander:hover {
        background: #1e293b;
    }
/* --- PAGE ADMIN PRODUITS & OFFRES --- */
.admin-container {
    max-width: 1100px;
    margin: 40px auto;
    padding: 0 20px;
}

.admin-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
}

.admin-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 15px;
}

    .admin-header h2 {
        margin: 0;
        color: #0f172a;
        font-size: 1.5rem;
    }

.admin-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 15px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .form-group label {
        font-size: 0.85rem;
        font-weight: 600;
        color: #475569;
    }

    .form-group input {
        padding: 10px;
        border: 1px solid #cbd5e1;
        border-radius: 8px;
        font-size: 0.95rem;
        outline: none;
        transition: border-color 0.2s;
    }

        .form-group input:focus {
            border-color: #4f46e5;
        }

.btn-save-offer {
    background: #4f46e5;
    color: #ffffff;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
}

    .btn-save-offer:hover {
        background: #4338ca;
    }

.btn-reset-offers {
    background: #ef4444;
    color: #ffffff;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
}

.alert-success {
    display: none;
    background: #dcfce7;
    color: #15803d;
    padding: 12px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-weight: 600;
}
/* Force l'affichage du menu déroulant au survol */
.has-menu:hover .menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* --- ADMIN TABLE --- */
.admin-table-container {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-top: 20px;
}

.admin-header-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 15px;
    flex-wrap: wrap;
}

.search-box {
    position: relative;
    flex: 1;
    max-width: 400px;
}

    .search-box input {
        width: 100%;
        padding: 10px 16px 10px 40px;
        border-radius: 8px;
        border: 1px solid #cbd5e1;
        outline: none;
        font-size: 0.9rem;
    }

    .search-box i {
        position: absolute;
        left: 14px;
        top: 50%;
        transform: translateY(-50%);
        color: #94a3b8;
    }

.btn-create {
    background: #4f46e5;
    color: white;
    padding: 10px 18px;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.services-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 0.9rem;
}

    .services-table th {
        padding: 12px 16px;
        border-bottom: 2px solid #f1f5f9;
        color: #64748b;
        font-weight: 600;
        font-size: 0.8rem;
        text-transform: uppercase;
    }

    .services-table td {
        padding: 16px;
        border-bottom: 1px solid #f1f5f9;
        color: #1e293b;
    }

.badge-status {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-block;
}

.badge-actif {
    background: #dcfce7;
    color: #15803d;
}

.badge-suspendu {
    background: #fef3c7;
    color: #b45309;
}

.action-btns {
    display: flex;
    gap: 8px;
}

.btn-action {
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    background: white;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
    color: #334155;
}

    .btn-action.delete {
        color: #ef4444;
    }

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .modal.active {
        display: flex;
    }

.modal-content {
    background: white;
    padding: 24px;
    border-radius: 12px;
    width: 100%;
    max-width: 450px;
}
/* Bouton donner votre avis */
.btn-review {
    background-color: #2563eb;
    color: #ffffff;
    border: none;
    padding: 12px 24px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

    /* Effet au survol (Hover bleu plus foncé + léger soulèvement) */
    .btn-review:hover {
        background-color: #1d4ed8;
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(29, 78, 216, 0.3);
    }

    /* Effet au clic (Active) */
    .btn-review:active {
        transform: translateY(0);
    }

/* Fixer la Navbar tout en haut */
/* Header fixé en haut lors du scroll */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

/* On ajoute un espace en haut du Hero pour pas que la navbar fixe cache le titre */
.hero-animated-section {
    position: relative;
    width: 100%;
    height: 100vh; /* Force la section à faire exactement la hauteur de l'écran */
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Place la navbar en haut, le contenu au milieu et la barre tout en bas */
    box-sizing: border-box;
    padding-top: 80px; /* Espace pour ne pas que le titre passe sous la navbar */
    overflow: hidden; /* Empêche tout dépassement de l'animation en bas */
}

/* On s'assure que la barre colle parfaitement au bas de la section */
.stats-bar-section {
    width: 100%;
    overflow: hidden;
    background: rgba(10, 18, 38, 0.95);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 14px 0;
    margin-top: auto; /* Pousse la barre au ras du bas de l'écran */
}

.stats-ticker-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content;
    gap: 20px;
    animation: scrollTicker 22s linear infinite;
}

.stat-card {
    flex-shrink: 0;
    background: rgba(15, 23, 42, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.stat-value {
    color: #ffffff;
    font-weight: 800;
    font-size: 1.1rem;
}

.stat-label {
    color: #94a3b8;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* Défilement continu */
@keyframes scrollTicker {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.stats-ticker-track:hover {
    animation-play-state: paused;
}

/* Espace pour les boutons sous le hero */
.hero-actions {
    background-color: #0b0f19; /* Même fond que le reste du site */
    padding: 30px 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 15px;
}