@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Inter:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--fut-accent-500:#FFDB3A;--fut-accent-600:#FFC444;--fut-primary-500:#172146;--fut-primary-400:#2D3A66;--fut-primary-300:#3A4778;--fut-primary-200:#475186;--fut-primary-100:#5A6686;--fut-primary-050:#B8BED4;--fut-secondary-800:#0074FF;--fut-secondary-700:#2B8AFF;--fut-secondary-300:#DAEDFB;--fut-secondary-200:#E0EFFA;--fut-secondary-100:#EDF5FB;--fut-bg:#EDF5FB;--fut-card:#FFFFFF;--success:#1F9D55;--success-bg:#E3F7EA;--warning:#E89B00;--warning-bg:#FFF4DC;--danger:#D64545;--danger-bg:#FCE4E4;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--font-body:"Inter",system-ui,sans-serif;--font-title:"Bricolage Grotesque","Inter",system-ui,sans-serif;--ease:cubic-bezier(0.4,0,0.2,1);--blue-main:var(--fut-primary-500);--blue-accent:var(--fut-secondary-800);--blue-light:var(--fut-secondary-200);--blue-hover:#0063db;--yellow-btn:var(--fut-accent-500);--yellow-chunk:var(--fut-accent-600);--white:#FFFFFF;--bg:var(--fut-bg);--gray-50:#F4F8FC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-300:#CBD5E1;--gray-400:#94A3B8;--gray-500:#64748B;--gray-600:#475569;--gray-800:#1E293B;--green:var(--success);--red:var(--danger);--orange:var(--warning);--radius-sm:var(--r-sm);--radius:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--max-width:1280px;--header-height:64px;--shadow-sm:0 1px 2px rgba(23,33,70,0.04);--shadow:0 2px 8px rgba(23,33,70,0.06);--shadow-md:0 6px 20px rgba(23,33,70,0.08);--shadow-lg:0 20px 60px rgba(23,33,70,0.14)}body,html{font-family:var(--font-body);background:var(--fut-bg);color:var(--fut-primary-500);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}button{font-family:inherit;background:none;border:none;cursor:pointer;padding:0}a,button{color:inherit}a{text-decoration:none}input,select,textarea{font-family:inherit}.font-title{font-family:var(--font-title);letter-spacing:-.02em}.font-mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus{outline:none}:focus-visible{outline:2px solid var(--fut-secondary-800);outline-offset:2px;border-radius:4px}a:focus-visible,button:focus-visible{outline:2px solid var(--fut-secondary-800);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#CBD6E4;border-radius:99px;border:2px solid var(--fut-bg)}::-webkit-scrollbar-track{background:transparent}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.card{background:var(--fut-card);border-radius:var(--r-2xl);padding:var(--s-6)}.card-sub{background:var(--fut-secondary-200);border-radius:var(--r-lg);padding:var(--s-4)}.card-interactive{background:var(--fut-card);border-radius:var(--r-2xl);transition:transform .15s var(--ease),box-shadow .15s var(--ease);cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;transition:background .15s var(--ease),transform .1s var(--ease);line-height:1;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--fut-accent-500);color:var(--fut-primary-500)}.btn-primary:hover{background:var(--fut-accent-600)}.btn-secondary{background:var(--fut-primary-500);color:#fff}.btn-secondary:hover{background:var(--fut-primary-400)}.btn-ghost{background:transparent;color:var(--fut-primary-500)}.btn-ghost:hover{background:var(--fut-secondary-200)}.btn-outline{background:transparent;color:var(--fut-primary-500);box-shadow:inset 0 0 0 1.5px rgba(23,33,70,.15)}.btn-outline:hover{background:var(--fut-secondary-200);box-shadow:inset 0 0 0 1.5px rgba(23,33,70,.25)}.chip{gap:6px;border-radius:var(--r-full);background:var(--fut-secondary-200);color:var(--fut-primary-500)}.badge,.chip{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600}.badge{border-radius:999px}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{background:var(--fut-card);border:1px solid transparent;border-radius:12px;padding:12px 16px;font-size:14px;color:var(--fut-primary-500);outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);width:100%}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:var(--fut-secondary-800);box-shadow:0 0 0 3px rgba(0,116,255,.12)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fillProgress{0%{width:0}}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes selectedPulse{0%{box-shadow:inset 0 0 0 1.5px var(--fut-secondary-800),0 0 0 0 rgba(0,116,255,.45)}60%{box-shadow:inset 0 0 0 1.5px var(--fut-secondary-800),0 0 0 10px rgba(0,116,255,0)}to{box-shadow:inset 0 0 0 1.5px var(--fut-secondary-800),0 0 0 0 rgba(0,116,255,0)}}.quiz-option-selected{animation:selectedPulse .5s var(--ease)}.fade-in{animation:fadeInUp .35s var(--ease) both}@keyframes skelPulse{0%,to{background-color:var(--fut-secondary-200)}50%{background-color:var(--fut-secondary-300)}}.skel{animation:skelPulse 1.2s ease-in-out infinite;border-radius:10px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-sidebar-wrap{height:100vh;position:-webkit-sticky;position:sticky;top:0;z-index:20}.app-main{padding:24px 32px 64px;min-width:0}.app-drawer-backdrop,.mobile-topbar{display:none}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--fut-bg);position:-webkit-sticky;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--fut-secondary-200)}.app-sidebar-wrap{position:fixed;top:0;left:0;bottom:0;width:260px;transform:translateX(-100%);transition:transform .25s var(--ease);background:var(--fut-primary-500);box-shadow:0 0 40px rgba(0,0,0,.25);z-index:40}.app-sidebar-wrap.open{transform:translateX(0)}.app-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(23,33,70,.5);z-index:35}.app-main{padding:20px 16px 48px}}.accedi-grid{min-height:100vh;background:var(--fut-bg);display:grid;grid-template-columns:1fr 1.2fr}@media (max-width:900px){.accedi-grid{grid-template-columns:1fr}.accedi-grid>:last-child{display:none}}.grid-responsive-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media (max-width:860px){.grid-responsive-2{grid-template-columns:1fr}}.grid-responsive-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}@media (max-width:860px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.grid-responsive-3{grid-template-columns:1fr}}.grid-responsive-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:860px){.grid-responsive-4{grid-template-columns:repeat(2,1fr)}}.quiz-player{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px;width:100%}.quiz-map{margin-top:10px;padding:14px;display:grid;grid-template-columns:repeat(10,1fr);grid-gap:6px;gap:6px}@media (max-width:640px){.quiz-map{grid-template-columns:repeat(5,1fr);padding:10px;gap:4px}}@keyframes marquee-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-right{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.marquee-left{animation:marquee-left 32s linear infinite}.marquee-right{animation:marquee-right 32s linear infinite}@media (prefers-reduced-motion:reduce){.marquee-left,.marquee-right{animation:none}}.missions-grid{display:grid;grid-auto-flow:column;grid-auto-columns:86%;align-items:stretch;grid-gap:14px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:2px 2px 6px}.missions-grid::-webkit-scrollbar{display:none}.mission-slot{scroll-snap-align:start;scroll-snap-stop:always;min-width:0;display:flex}.mission-slot>button{flex:1 1}.missions-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}@media (min-width:860px){.missions-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:var(--mission-cols,1fr 1fr 1fr);overflow-x:visible;scroll-snap-type:none;padding:0}.missions-dots{display:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes roadmap-node-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes roadmap-fade-in{0%{opacity:0}to{opacity:1}}@keyframes roadmap-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes roadmap-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes roadmap-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.roadmap-node-pulse{animation:roadmap-pulse 1.6s ease-in-out infinite}.admin-input:focus{border-color:#94A3B8!important;box-shadow:0 0 0 3px rgba(148,163,184,.18)!important}.admin-btn-primary:hover:not(:disabled){background:#1E293B!important}.admin-btn-primary:active:not(:disabled){transform:scale(.98)}[data-embed="1"] .embed-hide{display:none!important}[data-embed="1"] .embed-only{display:inline-flex}.embed-only{display:none}.embed-shell{grid-template-columns:1fr!important}.embed-shell .app-main{padding:0}