/* OmegaSMP — accueil uniquement. Les composants communs sont dans shared.css. */
.nav,.home-main,footer{position:relative;z-index:3}
/* backdrop -------------------------------------------------------------- */
.bg-wrap{position:fixed;inset:0;z-index:0;overflow:hidden}
.bg{position:absolute;inset:-3%;background:url('/assets/background-new.jpg') center/cover no-repeat;animation:bgpan 34s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes bgpan{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.09) translate3d(-1.2%,-0.8%,0)}}
@media(prefers-reduced-motion:reduce){.bg{animation:none}}
.contour{
 position:fixed;inset:0;z-index:1;pointer-events:none;mix-blend-mode:soft-light;opacity:.55;
 background-image:
  repeating-radial-gradient(circle at 82% 12%, transparent 0 34px, rgba(230,235,225,.55) 34px 35px),
  repeating-radial-gradient(circle at 8% 92%, transparent 0 46px, rgba(230,235,225,.4) 46px 47px);
}
.veil{position:fixed;inset:0;z-index:2;pointer-events:none;background:
 linear-gradient(90deg,rgba(3,9,6,.82),rgba(3,9,6,.38) 55%,rgba(3,9,6,.24)),
 linear-gradient(180deg,rgba(2,7,5,.10),rgba(2,7,5,.20) 55%,rgba(2,7,5,.82))}
.nav,.home-main,footer{position:relative;z-index:3}

/* hero -------------------------------------------------------------------*/
.home-main{min-height:calc(100svh - 132px);display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:64px;align-items:start;padding:26px 0 22px}
.hero-copy{max-width:660px;padding-top:20px}
.micro{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;font-weight:600;color:var(--brass-300);text-transform:uppercase;margin-bottom:22px}
.micro .dot{width:6px;height:6px;border-radius:50%;background:var(--forest-400);box-shadow:0 0 10px rgba(34,196,122,.85)}
h1{font-family:var(--font-display);font-weight:800;font-size:46px;line-height:.98;letter-spacing:-.04em;margin:0 0 22px;color:#fdfefc;text-shadow:0 8px 30px rgba(0,0,0,.5)}
h1 span{display:inline-block;background:linear-gradient(120deg,var(--forest-400) 10%,var(--brass-300) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{font-size:15.5px;line-height:1.7;color:#cdd6ce;max-width:520px;margin:0 0 30px}

.hero-actions{display:grid;grid-template-columns:1fr;max-width:400px}
.ip-card,.progress-card{height:68px;border-radius:var(--radius-md);border:1px solid var(--line);display:flex;align-items:center;text-decoration:none;color:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ip-card{padding:0 10px 0 18px;justify-content:space-between;background:linear-gradient(135deg,#0e9552,#075c34);border-color:rgba(34,196,122,.4);box-shadow:0 18px 40px -18px rgba(15,157,88,.65)}
.ip-card>span{display:block;min-width:150px;text-align:left}
.ip-card:hover,.progress-card:hover{transform:translateY(-2px)}
.ip-card:hover{box-shadow:0 22px 48px -16px rgba(15,157,88,.8)}
.ip-card small,.progress-card small{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;font-weight:600;color:rgba(255,255,255,.78)}
.ip-card strong{display:block;margin-top:5px;font-family:var(--font-mono);font-size:16px;letter-spacing:-.01em}
.ic-btn{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:15px;flex-shrink:0}

.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;max-width:520px}
.quick-links .ql{height:88px;border-radius:var(--radius-md);border:1px solid var(--line);background:rgba(4,12,8,.62);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;gap:9px;padding:0 14px;text-decoration:none;color:white;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.quick-links .ql:hover{transform:translateY(-2px);border-color:var(--line-em);background:rgba(6,18,12,.78)}
.quick-links .ql i{font-style:normal;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:16px;background:rgba(255,255,255,.06)}
.quick-links .discord-link i{color:#a4addf;background:rgba(120,130,220,.14)}
.quick-links .stats-link i{color:var(--brass-300);background:rgba(205,168,94,.14)}
.quick-links .map-link i{color:var(--forest-400);background:rgba(34,196,122,.14)}
.quick-links b,.quick-links small{display:block}
.quick-links b{font-size:12.5px;font-weight:600}
.quick-links small{font-size:9.5px;color:var(--mist-dim);margin-top:1px;font-weight:500}

/* responsive ----------------------------------------------------------------*/
@media(max-width:950px){
 .nav-end{display:none}
 .home-main{grid-template-columns:1fr;gap:36px;padding-top:44px}
}
@media(max-width:620px){
 .home-main{padding-top:32px}
 h1{font-size:38px}
 .hero-actions{grid-template-columns:1fr}
 .quick-links{grid-template-columns:1fr;max-width:none}
}


.quick-links .vote-link i{
  color:#d96cff;
  background:rgba(217,108,255,.14);
}