/* UniqDropz Theme - Noir & Or, premium, <=300 lignes */
:root{--bg:#0A0A0A;--text:#FFFFFF;--muted:#C0C0C0;--gold:#D4AF37;--card:#0F0F0F;--border:#1D1D1D;--sold:#C75D5D}

/* Inputs & Auth pages */
.input{background:#111;border:1px solid var(--border);border-radius:10px;padding:12px;color:#ddd;width:100%}
.input::placeholder{color:var(--muted)}
.auth-wrap{max-width:560px;margin:0 auto}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:960px;margin:0 auto}
.auth-grid .auth-wrap{max-width:unset;margin:0}
.auth-card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:18px}
.auth-actions{display:flex;gap:10px;align-items:center}
.auth-sub{color:var(--muted);margin:6px 0 16px 0}
.auth-promo{display:flex;align-items:center;gap:8px;margin:4px 0 12px 0}
.card-gold{background:#0b0b0b;border:1px solid rgba(212,175,55,.35);border-radius:14px;box-shadow:0 10px 30px rgba(212,175,55,.12),0 12px 34px rgba(0,0,0,.35);padding:18px}
.card-gold h3{margin:6px 0 10px 0;color:var(--gold)}
.benefits-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.benefits-list li{display:flex;gap:10px;align-items:flex-start;line-height:1.35}
.benefits-list .icon{color:var(--gold);}
@media(max-width:900px){
  .auth-grid{grid-template-columns:1fr}
}

/* Archives filters & pagination */
.filters{margin:8px 0 18px 0}
.filters-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}
.filters .input{background:#111;border:1px solid var(--border);border-radius:10px;padding:12px;color:#ddd}
.filters .input::placeholder{color:var(--muted)}
.pagination{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.page-link{padding:10px 14px;border:1px solid var(--border);border-radius:10px;color:#ddd;text-decoration:none}
.page-link.active{background:linear-gradient(135deg,#9f8d57,#D4AF37);color:#111;border-color:#9f8d57}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 20% 0%,#141414,transparent) ,var(--bg);color:var(--text);font-family:'Inter',system-ui,Segoe UI,Roboto,Arial,sans-serif;}
html, body { min-height: 100%; }
body { display:flex; flex-direction:column; min-height:100vh; }
main.container { flex: 1 0 auto; }
.footer { margin-top:auto; }
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));backdrop-filter:saturate(120%)}
.logo{display:flex;align-items:center;gap:10px;font-family:'Poppins',sans-serif;font-weight:800}
.logo .cup{filter:drop-shadow(0 0 6px rgba(212,175,55,.25))}
.logo span{font-weight:800}
.logo .accent{color:var(--gold)}
.glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.25);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border-radius:12px;padding:6px 10px}
.brand-glow{color:#fff;text-shadow:0 0 6px rgba(212,175,55,.45),0 0 12px rgba(212,175,55,.35),0 0 18px rgba(212,175,55,.25)}
.nav a{margin-left:24px;color:var(--muted);font-weight:600}
.nav a.active{color:var(--gold)}

.hero{display:grid;grid-template-columns:1.1fr 0.9fr;gap:32px;align-items:start;padding:48px 24px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:24px}}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#151515;border:1px solid var(--border);color:var(--muted);font-size:12px}
.badge.gold{background:rgba(212,175,55,.15);color:#f7e7a3;border-color:rgba(212,175,55,.35)}
.h1{font-family:'Poppins',sans-serif;font-weight:800;letter-spacing:-0.02em;font-size:56px;margin:16px 0}
.subtitle{color:var(--muted);font-size:18px;max-width:52ch}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px}
.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border);padding:16px;background:linear-gradient(180deg,#101010,#0b0b0b)}
.tile .num{font-size:32px;font-weight:800;font-family:'Poppins',sans-serif}
.tile .lab{font-size:12px;color:var(--muted);margin-top:4px;letter-spacing:.08em}
.ctas{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.btn{padding:14px 18px;border-radius:12px;border:1px solid #2a2a2a;font-weight:700}
.btn.primary{background:linear-gradient(135deg,#9f8d57,#D4AF37);color:#111;box-shadow:0 6px 18px rgba(212,175,55,.25)}
.btn.secondary{color:var(--muted);background:#111}
.btn[disabled]{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}
.figure{position:relative}
.figure .live{position:absolute;top:12px;right:12px}
.figure img{border-radius:16px;border:1px solid var(--border)}
.mobile-only{display:none}
.desktop-only{display:block}
@media(max-width:900px){.mobile-only{display:block}.desktop-only{display:none}}

.section{padding:24px}
.section h2{font-family:'Poppins',sans-serif;font-weight:800}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
.card-archive{position:relative;overflow:hidden}
.card-archive img{filter:saturate(.1) contrast(.9) brightness(.7)}
.badge.sold{position:absolute;top:10px;left:10px;background:rgba(199,93,93,.2);border-color:#a44;color:var(--sold)}

.footer{padding:32px;color:var(--muted);border-top:1px solid var(--border);text-align:center}
.footer .footer-wrap{max-width:1200px;margin:0 auto;display:grid;gap:16px}
.footer-brand{color:#ddd;font-weight:600}
.footer-links{display:grid;gap:6px}
.footer-links .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.footer-links a{color:var(--muted);text-decoration:underline}
.footer-cta{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
.newsletter{display:flex;gap:8px;align-items:center}
.newsletter .input{min-width:260px}
.social{display:flex;gap:10px;align-items:center;color:var(--muted)}
.icon-btn{background:transparent;border:0;padding:4px;cursor:pointer;color:#9aa0a6;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease, transform .08s ease}
.icon-btn:hover{color:#c8cdd5}
.icon-btn:active{transform:scale(0.96)}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Specs card styles */
.specs-card{border:1px solid rgba(212,175,55,.25); box-shadow:0 6px 20px rgba(212,175,55,.12), 0 8px 28px rgba(0,0,0,.25)}
.specs-card h3{margin:8px 0; color:var(--gold)}
.specs-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.specs-list li{line-height:1.35}
.specs-list > li{padding-top:10px;border-top:1px solid var(--border)}
.specs-list > li:first-child{border-top:none;padding-top:0}
.specs-list li strong{font-weight:800}
.specs-list li .value{color:var(--muted);font-size:14px;margin-left:6px}
.specs-sublist{list-style:none;padding-left:0;margin:6px 0;display:grid;gap:4px}
.specs-sublist li{position:relative;padding-left:16px}
 .specs-sublist li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#9f8d57,#D4AF37);box-shadow:0 0 6px rgba(212,175,55,.45)}

/* Legal page */
.legal { background: var(--card); border:1px solid var(--border); border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.25); padding:22px; }
.legal h2 { color: var(--gold); margin: 0 0 10px 0; font-family:'Poppins',sans-serif; font-weight:800; }
.legal .subtitle { margin:6px 0 16px 0; }
.legal-section { padding:16px 0; border-top:1px solid var(--border); }
.legal-section:first-of-type { border-top:0; padding-top:0; }
.legal-section h3 { margin:0 0 8px 0; color:#fff; font-size:18px; font-weight:700; }
.legal-section p { color:#ddd; line-height:1.65; margin:8px 0; }
.legal-section ul { margin:8px 0 0 0; color:#c8c8c8; }

/* Vision page */
.vision-quote{color:#eee}
.vision.section p{color:#ddd;line-height:1.65}
.fade-in{opacity:0;transform:translateY(8px);animation:fadeInUp .45s ease-out forwards}
@keyframes fadeInUp{to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .45s ease-out, transform .45s ease-out}
.reveal.in{opacity:1;transform:none}

/* Timeline */
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 10px}
.timeline::before{content:'';position:absolute;left:8%;right:8%;top:56px;height:3px;background:linear-gradient(90deg,rgba(212,175,55,.55),rgba(212,175,55,.30));border-radius:3px}
.t-item{position:relative;text-align:center;padding-top:10px}
.t-item .t-icon{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#111;border:1px solid var(--border);box-shadow:0 6px 14px rgba(0,0,0,.25);margin-bottom:8px;transition:transform .12s ease, box-shadow .18s ease}
.t-item .t-title{font-weight:800;font-family:'Poppins',sans-serif;color:#fff}
.t-item .t-sub{color:#c8c8c8;font-size:14px;margin-top:4px}
.t-item:hover .t-icon{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.3)}
.t-item.active .t-icon{border-color:rgba(212,175,55,.75);box-shadow:0 0 0 4px rgba(212,175,55,.14), 0 6px 18px rgba(212,175,55,.25)}
.t-item.active .t-title{color:var(--gold)}

@media(max-width:900px){
  .timeline{grid-template-columns:1fr;padding-left:36px}
  .timeline::before{left:36px;right:auto;top:auto;bottom:8%;width:3px;height:84%;background:linear-gradient(180deg,rgba(212,175,55,.55),rgba(212,175,55,.30))}
  .t-item{text-align:left;padding-top:0;padding-left:45px}
  .t-item .t-icon{position:absolute;left:-24px;top:0;margin:0}
}

/* --- Mobile optimizations --- */
@media (max-width: 600px){
  .hero{gap:18px;padding:16px}
  .h1{font-size:34px;margin:10px 0}
  .subtitle{font-size:16px}
  .timer{grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}
  .tile{padding:12px}
  .tile .num{font-size:24px}
  .ctas{flex-direction:column;gap:10px}
  .figure img{border-radius:12px}
  .specs-card{box-shadow:0 4px 14px rgba(212,175,55,.10), 0 6px 20px rgba(0,0,0,.20)}
  .specs-card h3{font-size:18px}
  .specs-list{gap:8px}
  .specs-sublist{gap:3px}
}

/* Mobile navigation (hamburger) */
.burger{display:none; background:transparent; border:0; padding:8px; border-radius:8px; align-items:center; justify-content:center; gap:4px; cursor:pointer; color:#e3e3e3; flex-direction:column}
.burger:focus{outline:2px solid rgba(212,175,55,.35); outline-offset:2px}
.burger-line{display:block; width:22px; height:2px; background:#e3e3e3; border-radius:2px; transition:transform .18s ease, opacity .18s ease}
/* morph to X when expanded */
.burger[aria-expanded="true"] .burger-line:nth-child(1){ transform: translateY(6px) rotate(45deg); }
.burger[aria-expanded="true"] .burger-line:nth-child(2){ opacity: 0; }
.burger[aria-expanded="true"] .burger-line:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 900px){
  .header{position:relative}
  .burger{display:inline-flex}
  .header .nav{position:absolute; top:100%; right:12px; left:12px; background:var(--card); border:1px solid var(--border); border-top:none; box-shadow:0 14px 34px rgba(0,0,0,.35); padding:12px; margin-top:8px; border-radius:12px; flex-direction:column; gap:8px; z-index:50; display:flex; opacity:0; transform:translateY(-6px); pointer-events:none; visibility:hidden; transition:opacity .18s ease, transform .18s ease}
  .header .nav a{padding:8px 10px; border-radius:8px}
  .header .nav a.active{background:rgba(212,175,55,.08)}
  .header .nav.open{opacity:1; transform:none; pointer-events:auto; visibility:visible}
}