:root{--bg: rgba(29, 36, 91);--bg2: #1D245B;--card: #1D245B;--ink: #ffffff;--muted: #9db0d1;--accent: #F5BF3B;--accent-2: #F5BF3B;--line: rgba(255, 255, 255, .9);--radius: 8px}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5;background:var(--bg);background-image:url(/assets/fond_cyber_mois-DTFE_bEX.png);color:var(--ink);position:relative;overflow-x:hidden;background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;background-attachment:scroll}.content{padding:40px 20px;position:relative;z-index:1}.card{background:transparent;border:none;border-radius:var(--radius);padding:24px}.nav{position:sticky;top:0;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 20px;background:var(--bg2);z-index:10;flex-wrap:wrap}.nav-link{display:flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;font-weight:600}.nav-link:hover{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:16px}.nav-btn{display:flex;align-items:center;margin-left:8px;background:transparent;border:1px solid rgba(255,255,255,.6);color:var(--ink);padding:6px 12px;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:600}.nav-btn:hover{border-color:var(--accent);color:var(--accent)}.nav-logo-link{display:flex;align-items:center;margin-left:12px}.nav-logo{height:50px;transition:transform .15s ease}.nav-logo:hover{transform:scale(1.05)}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:28px;height:24px;background:none;border:none;cursor:pointer}.hamburger span{height:2px;width:100%;background:#fff;border-radius:1px;transition:all .3s ease}.hamburger.is-open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:flex;flex-direction:column;gap:12px;background:var(--bg2);padding:16px}.mobile-link{color:#fff;text-decoration:none;font-weight:600;display:flex;align-items:center;margin:auto}.mobile-btn{background:transparent;border:1px solid rgba(245,191,59.6);padding:10px;border-radius:6px;font-weight:700;cursor:pointer;color:#f5bf3b;text-decoration:none}.mobile-user{color:#dbe7ff}@media (max-width: 860px){.nav-links{display:none}.hamburger{display:flex;margin-left:12px}}.home-hero{background:transparent;border:none}.eyebrow{color:var(--accent);margin:0 0 6px;max-width:1200px}.hero-title{margin:0 0 24px;font-size:clamp(1.6rem,3vw + .5rem,2.6rem);font-weight:700}.missions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px}.missions-grid.center{display:grid;gap:28px;justify-content:center}.missions-slider{position:relative;margin-top:18px}.slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(340px,38vw);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 44px}.slider-item{scroll-snap-align:start}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--accent);color:#1d245b;border:2px solid var(--accent);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer}.slider-btn.left{left:0}.slider-btn.right{right:0}.slider-btn:hover{background:var(--accent-2);border-color:var(--accent-2)}.mission-card{display:grid;grid-template-rows:auto auto 1fr auto auto;min-height:320px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:18px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.mission-card:hover{transform:translateY(-2px);border-color:var(--accent)}.mission-card.disabled{opacity:.6;cursor:not-allowed}.mission-head{display:flex;justify-content:space-between;font-style:italic;font-size:.95rem;margin-bottom:6px;color:#dbe7ff}.mission-title{margin:6px 0 8px;font-weight:800;font-size:1.15rem}.mission-summary{color:var(--ink);opacity:.9;margin:4px 0 10px}.mission-card .scores{margin-top:auto;display:grid;gap:4px;font-size:.95rem}.mission-card .scores strong{color:#fff}.mission-card .cta{justify-self:end;margin-top:12px;background:var(--accent);color:#1d245b;border:2px solid var(--accent);border-radius:6px;padding:10px 16px;font-weight:800;cursor:pointer}.mission-card .cta:hover{background:var(--accent-2);border-color:var(--accent-2)}.mission-card .cta .arrow{margin-left:8px;font-weight:900}.story{max-width:1000px;margin:0 auto;background:var(--card);border:solid 2px rgb(245,191,59);border-radius:30px;padding:20px}.question-eyebrow{color:#dbe7ff;font-style:italic;margin:0 0 6px}.question-title{font-size:20px;font-weight:700;margin:0 0 16px}.choices.choices--outlined{display:flex;flex-wrap:wrap;gap:22px;margin-top:16px}.choice-tile{background:transparent;color:var(--ink);border:2px solid var(--line);border-radius:6px;padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease}.choice-tile:hover{transform:translateY(-1px);border-color:var(--accent)}.choice-tile.is-selected{background:var(--accent);border-color:var(--accent);color:#0b0b0b}.question-actions{margin-top:28px;display:flex;justify-content:space-between;align-items:center}.prev-link{background:none;border:none;color:var(--ink);font-weight:600;cursor:pointer}.prev-link[disabled]{opacity:.4;cursor:not-allowed}.next-cta{background:var(--accent);color:#0b0b0b;border:2px solid var(--accent);border-radius:6px;padding:10px 16px;font-weight:800;cursor:pointer}.next-cta:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.next-cta:disabled{opacity:.5;cursor:not-allowed}.next-cta .arrow{margin-left:8px;font-weight:900}.leaderboard.card{max-width:1100px;margin:0 auto;background:var(--card);border:solid 2px rgb(245,191,59);border-radius:30px;box-shadow:none;padding:clamp(16px,3vw,28px)}.leaderboard-title{margin:0;text-align:center;color:#f5bf3b;text-transform:uppercase;font-weight:800;letter-spacing:.08em;font-size:clamp(2rem,5.6vw,5rem)}.leaderboard-sub{margin:6px 0 16px;text-align:center;color:#dbe7ff;font-weight:700}.lb-controls{display:flex;gap:10px;justify-content:center;align-items:center;margin:10px auto 16px;max-width:720px}.lb-input{flex:1;min-width:220px;background:#1d245b;color:var(--ink);border:1px solid rgba(245,191,59,.6);border-radius:6px;padding:10px 12px}.lb-btn{background:var(--accent);color:#1d245b;border:2px solid var(--accent);border-radius:6px;padding:10px 14px;font-weight:800;cursor:pointer}.lb-btn.ghost{background:transparent;color:var(--ink);border-color:#f5bf3b99;font-weight:700}.lb-btn:hover{background:var(--accent-2);border-color:var(--accent-2)}.lb-btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.lb-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.lb-list li{display:grid;grid-template-columns:72px 1fr 140px 140px;align-items:center;gap:16px;padding:12px 14px;border-radius:6px;border:2px solid var(--line);background:transparent}.lb-list .rank{display:inline-flex;align-items:center;justify-content:center;height:48px;width:56px;border-radius:4px;border:2px solid var(--line);font-weight:800;font-size:1.2rem}.lb-list .name{font-weight:700}.lb-list .team{text-align:center}.lb-list .pts{font-weight:800;text-align:right}.lb-list li:hover{border:none;background:var(--accent);color:#1d245b}.lb-list li:hover .rank{background:#f5bf3b;border-color:#f5bf3b;color:#1d245b}.lb-list li:hover .name,.lb-list li:hover .team,.lb-list li:hover .pts{color:#1d245b}@media (max-width: 860px){.lb-list li{grid-template-columns:64px 1fr 110px}.lb-list .team{display:none}.lb-input{min-width:30%}}@media (max-width: 520px){.lb-list li{grid-template-columns:56px 1fr 92px;gap:12px}.lb-list .rank{width:52px;height:44px}}.auth-card,.card form{max-width:480px}form label{display:block;margin:10px 0;font-weight:600}input,textarea{width:100%;background:#1d245b;color:var(--ink);border:1px solid rgba(255,255,255,.6);border-radius:6px;padding:10px 12px}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f5bf3b33}button[type=submit],.btn{background:var(--accent);color:#0b0b0b;border:2px solid var(--accent);border-radius:6px;padding:10px 16px;font-weight:800;cursor:pointer}button[type=submit]:hover,.btn:hover{background:var(--accent-2);border-color:var(--accent-2)}.error{color:#f5bf3b;margin-top:6px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-wrap{max-width:520px;margin:0 auto}.form-card{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:22px}.form-title{margin:0 0 6px;font-size:1.6rem;font-weight:800;letter-spacing:.01em}.form-sub{margin:0 0 16px;color:#f5bf3b;opacity:.9}.form-grid{display:grid;gap:12px;margin-top:10px}.form-grid label{display:block;font-weight:700;margin-bottom:6px}.input{width:100%;background:#1d245b;color:var(--ink);border:1px solid rgba(245,191,59,.6);border-radius:8px;padding:10px 12px}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f5bf3b33}.helper{color:var(--muted);font-size:.9rem;margin-top:6px}.form-error{color:#ff6b6b;font-weight:600;margin-top:6px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.btn{background:var(--accent);color:#1d245b;border:2px solid var(--accent);border-radius:8px;padding:10px 16px;font-weight:800;cursor:pointer}.btn:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn.secondary{background:transparent;color:var(--ink);border-color:#f5bf3b99;font-weight:700}.btn.secondary:hover{color:var(--accent);border-color:var(--accent)}.textarea{width:100%;min-height:260px;background:#1d245b;color:var(--ink);border:1px solid rgba(245,191,59,.6);border-radius:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.scoreboard-wrap{max-width:720px;margin:0 auto}.scoreboard-card{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:22px}.scoreboard-title{margin:0 0 8px;font-size:1.8rem;font-weight:800}.scoreboard-ending{color:#1d245b;margin:0 0 8px}.scoreboard-score{margin:8px 0 16px;font-size:1.2rem;font-weight:800}.scoreboard-status{color:var(--muted);margin:0 0 12px}.scoreboard-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.scoreboard{--sb-bg: var(--background, var(--bg, #1D245B));--sb-surface: var(--card, var(--surface, var(--panel, #1D245B)));--sb-text: var(--foreground, var(--text, #e7e9ee));--sb-muted: var(--muted-foreground, var(--muted, #9aa4b2));--sb-primary: var(--primary, var(--accent, #1D245B));--sb-success: var(--success, var(--positive, #08c44d));--sb-danger: var(--destructive, var(--danger, #ff0707));--sb-ring: var(--ring, color-mix(in oklab, var(--sb-primary) 40%, transparent));max-width:720px;margin:clamp(24px,6vh,72px) auto;padding:clamp(20px,5vw,36px);background:linear-gradient(180deg,var(--sb-surface),color-mix(in oklab,var(--sb-surface) 92%,#1D245B));color:var(--sb-text);border:1px solid color-mix(in oklab,var(--sb-surface) 80%,#F5BF3B);border-radius:20px;box-shadow:0 10px 30px -10px #00000059,0 0 0 1px var(--sb-ring);animation:sb-rise .25s ease-out}.scoreboard h2{font-size:clamp(22px,3.4vw,32px);margin:0 0 12px}.scoreboard p{margin:10px 0;line-height:1.5;color:var(--sb-muted)}.scoreboard p:nth-of-type(2){font-weight:600;color:var(--sb-text);background:color-mix(in oklab,var(--sb-primary) 10%,transparent);padding:10px 12px;border-radius:12px;display:inline-block}.scoreboard p:nth-of-type(3){display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:color-mix(in oklab,var(--sb-surface) 88%,black);border:1px dashed var(--sb-ring)}.scoreboard .actions{margin-top:24px;display:grid;grid-template-columns:1fr;gap:12px}.scoreboard .actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;padding:12px 16px;border-radius:12px;font-weight:600;background:var(--sb-primary);color:var(--primary-foreground, #1D245B);box-shadow:0 6px 18px -6px var(--sb-ring);transition:transform .06s ease,box-shadow .2s ease,filter .2s ease}.scoreboard .actions button:hover{filter:brightness(1.02);box-shadow:0 10px 28px -10px var(--sb-ring)}.scoreboard .actions button:active{transform:translateY(1px)}.scoreboard .actions button:focus-visible{outline:3px solid var(--sb-ring);outline-offset:2px}@media (min-width: 560px){.scoreboard .actions{grid-template-columns:repeat(2,1fr)}}.scoreboard.win{border-color:color-mix(in oklab,var(--sb-success) 40%,var(--sb-surface));box-shadow:0 10px 30px -10px #00000059,0 0 0 1px color-mix(in oklab,var(--sb-success) 35%,transparent)}.scoreboard.win h2{color:var(--sb-success)}.scoreboard.lose{border-color:color-mix(in oklab,var(--sb-danger) 40%,var(--sb-surface));box-shadow:0 10px 30px -10px #00000059,0 0 0 1px color-mix(in oklab,var(--sb-danger) 35%,transparent)}.scoreboard.lose h2{color:var(--sb-danger)}@keyframes sb-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.scoreboard{animation:none}.scoreboard .actions button{transition:none}}