/* ============================================
   Trophées TechnoTrans 2026 — Coming Soon
   ============================================ */

.tt2026-root *{box-sizing:border-box;margin:0;padding:0}
.tt2026-root{
  --tt-yellow:#FFD60A;
  --tt-yellow-deep:#FFC300;
  --tt-cyan:#22C9FF;
  --tt-cyan-deep:#0AB3F0;
  --tt-ink:#0B0B0B;
  --tt-white:#FFFFFF;
  --tt-shadow: 0 18px 40px -18px rgba(0,0,0,.35);
  font-family:'Archivo',system-ui,-apple-system,Segoe UI,sans-serif;
  background:var(--tt-yellow);
  color:var(--tt-ink);
  position:relative;
  overflow:hidden;
  min-height:100vh;
  width:100%;
  margin:0;
  padding:0;
}

.tt2026-root .tt-bg-arrows{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.tt2026-root .tt-bg-arrows svg{position:absolute;bottom:-5%;left:-5%;width:115%;height:115%}

.tt2026-root .tt-side-url{
  position:absolute;left:18px;top:50%;
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:left center;
  font-weight:600;font-size:13px;letter-spacing:.18em;
  color:var(--tt-ink);z-index:5;white-space:nowrap;
}
@media (max-width:900px){.tt2026-root .tt-side-url{display:none}}

.tt2026-root .tt-wrap{
  position:relative;z-index:2;
  max-width:1200px;margin:0 auto;
  padding:48px 32px 64px;
  min-height:100vh;
  display:flex;flex-direction:column;
}

.tt2026-root .tt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
.tt2026-root .tt-brand{font-family:'Anton',sans-serif;font-size:28px;letter-spacing:.02em;line-height:1;color:var(--tt-ink)}
.tt2026-root .tt-brand .tt-blue{color:var(--tt-cyan-deep)}

.tt2026-root .tt-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;background:var(--tt-ink);color:var(--tt-yellow);
  font-weight:800;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;border-radius:999px;
}
.tt2026-root .tt-badge::before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:var(--tt-cyan);animation:tt-pulse 1.8s infinite;
}
@keyframes tt-pulse{
  0%{box-shadow:0 0 0 0 rgba(34,201,255,.7)}
  70%{box-shadow:0 0 0 12px rgba(34,201,255,0)}
  100%{box-shadow:0 0 0 0 rgba(34,201,255,0)}
}

.tt2026-root .tt-hero{flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
@media (max-width:900px){
  .tt2026-root .tt-hero{grid-template-columns:1fr;gap:32px}
  .tt2026-root .tt-wrap{padding:32px 22px 48px}
  .tt2026-root .tt-header{margin-bottom:32px}
}

.tt2026-root .tt-title{font-family:'Anton',sans-serif;font-weight:400;line-height:.88;letter-spacing:-.01em;font-size:clamp(56px,9vw,130px);text-transform:uppercase}
.tt2026-root .tt-title .tt-trophy{display:block;font-family:'Anton',sans-serif;font-size:.45em;color:var(--tt-ink);letter-spacing:.04em;margin-bottom:-.1em;opacity:.92}
.tt2026-root .tt-title .tt-t1{display:block;color:var(--tt-ink)}
.tt2026-root .tt-title .tt-t2{display:block;color:var(--tt-cyan-deep)}
.tt2026-root .tt-title .tt-year{display:inline-block;-webkit-text-stroke:2px var(--tt-cyan-deep);color:transparent;font-size:.7em;margin-top:8px}

.tt2026-root .tt-theme-label{margin-top:28px;font-size:11px;letter-spacing:.32em;font-weight:800;text-transform:uppercase;color:var(--tt-ink);opacity:.65}
.tt2026-root .tt-theme{margin-top:6px;font-family:'Anton',sans-serif;font-size:clamp(36px,5vw,64px);line-height:1;text-transform:uppercase;letter-spacing:-.005em;color:var(--tt-ink)}
.tt2026-root .tt-theme .tt-theme-highlight{color:var(--tt-cyan-deep);position:relative;display:inline-block}
.tt2026-root .tt-theme .tt-theme-highlight::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:5px;background:var(--tt-ink);transform-origin:left;animation:tt-drawline .9s .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes tt-drawline{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.tt2026-root .tt-subtitle{margin-top:24px;font-weight:900;font-size:clamp(18px,2vw,24px);line-height:1.2;text-transform:uppercase;max-width:560px;color:var(--tt-ink)}
.tt2026-root .tt-subtitle .tt-highlight{background:var(--tt-cyan);color:var(--tt-white);padding:2px 10px;display:inline-block;margin:2px 0}

.tt2026-root .tt-meta{margin-top:28px;display:flex;flex-wrap:wrap;gap:18px 28px;font-weight:700;font-size:15px;color:var(--tt-ink)}
.tt2026-root .tt-meta div{display:flex;align-items:center;gap:10px}
.tt2026-root .tt-meta svg{flex-shrink:0}
.tt2026-root .tt-meta .tt-place strong{color:var(--tt-cyan-deep)}

.tt2026-root .tt-card{background:var(--tt-ink);color:var(--tt-white);padding:36px 32px;border-radius:6px;box-shadow:var(--tt-shadow);position:relative;overflow:hidden}
.tt2026-root .tt-card::before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:var(--tt-cyan);border-radius:50%;opacity:.12;filter:blur(20px)}
.tt2026-root .tt-card-label{font-size:12px;letter-spacing:.28em;font-weight:800;text-transform:uppercase;color:var(--tt-yellow);margin-bottom:8px}
.tt2026-root .tt-card-title{font-family:'Anton',sans-serif;font-size:28px;line-height:1;margin-bottom:24px;text-transform:uppercase;color:var(--tt-white)}

.tt2026-root .tt-timer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tt2026-root .tt-unit{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:18px 8px 12px;text-align:center}
.tt2026-root .tt-unit .tt-num{font-family:'Anton',sans-serif;font-size:clamp(34px,5vw,48px);line-height:1;color:var(--tt-white);font-variant-numeric:tabular-nums}
.tt2026-root .tt-unit .tt-lbl{margin-top:6px;font-size:10px;letter-spacing:.22em;color:var(--tt-yellow);text-transform:uppercase;font-weight:800}
.tt2026-root .tt-unit.tt-flash .tt-num{animation:tt-flash .55s ease}
@keyframes tt-flash{0%{transform:translateY(-4px);opacity:.4}100%{transform:translateY(0);opacity:1}}

.tt2026-root .tt-notify{margin-top:28px;padding-top:24px;border-top:1px dashed rgba(255,255,255,.18)}
.tt2026-root .tt-notify p{font-size:13px;color:rgba(255,255,255,.7);margin-bottom:12px;line-height:1.5}
.tt2026-root .tt-form{display:flex;gap:8px}
.tt2026-root .tt-form input{flex:1;min-width:0;padding:14px 14px;border:none;background:var(--tt-white);color:var(--tt-ink);font-family:'Archivo',sans-serif;font-weight:600;font-size:14px;border-radius:4px;outline:none}
.tt2026-root .tt-form input:focus{box-shadow:0 0 0 3px var(--tt-cyan)}
.tt2026-root .tt-form button{border:none;padding:14px 22px;background:var(--tt-cyan);color:var(--tt-ink);font-weight:900;font-family:'Archivo',sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:13px;cursor:pointer;border-radius:4px;transition:transform .15s ease,background .15s ease}
.tt2026-root .tt-form button:hover{background:var(--tt-yellow);transform:translateY(-1px)}
.tt2026-root .tt-form button:disabled{opacity:.6;cursor:wait}
.tt2026-root .tt-form-msg{margin-top:10px;font-size:12px;color:var(--tt-cyan);min-height:16px;font-weight:600}

.tt2026-root .tt-live{margin-top:18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:700}

.tt2026-root .tt-footer{margin-top:auto;padding-top:32px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}
.tt2026-root .tt-footer .tt-logo{font-family:'Anton',sans-serif;font-size:22px;line-height:1;color:var(--tt-ink)}
.tt2026-root .tt-footer .tt-logo small{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:9px;letter-spacing:.22em;color:rgba(0,0,0,.55);margin-bottom:4px;text-transform:uppercase}
.tt2026-root .tt-footer .tt-legal{font-size:11px;color:rgba(0,0,0,.55);font-weight:600}

.tt2026-root .tt-reveal{opacity:0;transform:translateY(20px);animation:tt-rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.tt2026-root .tt-reveal.tt-d1{animation-delay:.05s}
.tt2026-root .tt-reveal.tt-d2{animation-delay:.18s}
.tt2026-root .tt-reveal.tt-d3{animation-delay:.32s}
.tt2026-root .tt-reveal.tt-d4{animation-delay:.46s}
.tt2026-root .tt-reveal.tt-d5{animation-delay:.6s}
@keyframes tt-rise{to{opacity:1;transform:translateY(0)}}

.tt2026-root .tt-arr{stroke-dasharray:1400;stroke-dashoffset:1400;animation:tt-draw 2.6s cubic-bezier(.4,.1,.2,1) forwards}
.tt2026-root .tt-arr-1{animation-delay:.1s}
.tt2026-root .tt-arr-2{animation-delay:.28s}
.tt2026-root .tt-arr-3{animation-delay:.42s}
.tt2026-root .tt-arr-4{animation-delay:.56s}
.tt2026-root .tt-arr-5{animation-delay:.7s}
.tt2026-root .tt-arr-main{animation-delay:.85s;animation-duration:2.2s}
@keyframes tt-draw{to{stroke-dashoffset:0}}