@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-black: #333333;--primary-black-dark: #1a1a1a;--primary-black-light: #4a4a4a;--primary-black-vivid: #333333;--accent-black: #2a2a2a;--accent-light: #666666;--text-primary: #1f2937;--text-secondary: #374151;--text-light: #9ca3af;--text-on-black: #ffffff;--background: #ffffff;--background-light: #fafafa;--background-dark: #f5f5f5;--border-light: #e0e0e0;--border: #bdbdbd;--gradient-primary: linear-gradient(135deg, #333333 0%, #1a1a1a 100%);--gradient-hero: linear-gradient(135deg, #333333 0%, #2a2a2a 100%);--gradient-accent: linear-gradient(135deg, #4a4a4a 0%, #333333 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .03);--shadow: 0 1px 3px 0 rgb(0 0 0 / .05);--shadow-md: 0 2px 4px 0 rgb(0 0 0 / .06);--shadow-lg: 0 4px 8px 0 rgb(0 0 0 / .08);--shadow-xl: 0 8px 16px 0 rgb(0 0 0 / .1);--shadow-black: 0 4px 12px 0 rgb(0 0 0 / .15)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media (max-width: 768px){body{overflow-x:hidden}}html{overflow-x:hidden}@media (max-width: 768px){html{overflow-x:hidden}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}h1{font-size:3.5rem;font-weight:700}@media (max-width: 768px){h1{font-size:2.5rem}}h2{font-size:2.5rem}@media (max-width: 768px){h2{font-size:2rem}}h3{font-size:1.875rem}p{margin-bottom:1rem;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem;letter-spacing:.025em}.btn:hover{transform:translateY(-2px)}.btn.btn-primary{background:var(--gradient-primary);color:var(--text-on-black);box-shadow:var(--shadow)}.btn.btn-primary:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-secondary{background:#fff;color:var(--primary-black);border:2px solid var(--primary-black);box-shadow:var(--shadow-sm)}.btn.btn-secondary:hover{background:var(--primary-black);color:#fff;box-shadow:var(--shadow)}.btn.btn-white{background:#fff;color:var(--text-primary);border:2px solid rgba(255,255,255,.2);box-shadow:var(--shadow-sm)}.btn.btn-white:hover{background:#fffffff2;border-color:#ffffff4d;box-shadow:var(--shadow)}.btn.btn-lg{padding:1rem 2rem;font-size:1.125rem;border-radius:1rem}.container{max-width:1600px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 2rem}}@media (min-width: 1200px){.container{padding:0 4rem}}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.grid{display:grid;gap:2rem}.grid.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}html{scroll-behavior:smooth}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}*:focus{outline:none}*:focus-visible{outline:2px solid var(--primary-black);outline-offset:2px}button:focus{outline:none}button:focus-visible{outline:2px solid var(--primary-black);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{.header,.footer,.btn{display:none!important}body{font-size:12pt;line-height:1.4}h1,h2,h3{page-break-after:avoid}}@media (max-width: 992px){main,.main-content,.dashboard,.page-content,.game-page,.levels-page{padding-top:calc(80px + env(safe-area-inset-top))!important;padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}.dashboard-hero{margin-top:0!important}.container{padding-left:1rem;padding-right:1rem}.game-container,.play-container{padding-top:calc(80px + env(safe-area-inset-top))!important;padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}}link[rel=icon]{width:48px;height:48px}@media (prefers-color-scheme: dark){link[rel=icon]{filter:brightness(1.1)}}@media (min-resolution: 192dpi){link[rel=icon]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}