:root{--color-primary:#06b6d4;--color-primary-light:#22d3ee;--color-primary-dark:#0891b2;--color-secondary:#10b981;--color-secondary-light:#34d399;--color-secondary-dark:#059669;--gradient-primary:linear-gradient(135deg,#06b6d4 0%,#10b981 100%);--gradient-primary-hover:linear-gradient(135deg,#0891b2 0%,#059669 100%);--gradient-subtle:linear-gradient(135deg,#06b6d41a 0%,#10b9811a 100%);--color-test-initial:#3b82f6;--color-test-wait:#ef4444;--color-test-ready:#10b981;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--font-sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:var(--font-space-mono),"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 10px 25px -5px #06b6d44d;--shadow-primary-lg:0 20px 40px -10px #06b6d466;--transition-fast:.1s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-tooltip:1050}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-gray-800);background-color:var(--color-gray-50);min-height:100vh;line-height:1.6}::selection{background-color:var(--color-primary);color:var(--color-white)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-4);line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin-bottom:var(--spacing-4)}a{color:var(--color-primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-primary-dark)}.container{width:100%;max-width:var(--container-lg);padding:0 var(--spacing-4);margin:0 auto}.section{padding:var(--spacing-16)0}.text-center{text-align:center}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}@media (min-width:640px){.container{padding:0 var(--spacing-6)}}@media (min-width:768px){h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}}@media (min-width:1024px){.container{padding:0 var(--spacing-8)}}
.btn{padding:var(--spacing-3)var(--spacing-6);font-size:var(--text-base);font-weight:var(--font-semibold);text-align:center;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap;border:2px solid #0000;display:inline-block}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary-lg);color:var(--color-white);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-gray-800);color:var(--color-white)}.btn-secondary:hover{background-color:var(--color-gray-700);color:var(--color-white)}.btn-outline{color:var(--color-primary-dark);border-color:var(--color-primary-dark);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-dark);color:var(--color-white)}.test-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg);transition:all var(--transition-base);margin-bottom:var(--spacing-6)}.test-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.test-card-header{align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.test-icon{background:var(--gradient-subtle);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.test-info{flex:1}.test-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.test-description{font-size:var(--text-base);color:var(--color-gray-600);margin-bottom:0}.game-card-item{background:var(--color-white);border-radius:var(--radius-xl);cursor:pointer;border:1px solid #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.game-card-item:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.game-card-item.game-card-placeholder{opacity:.6;cursor:not-allowed}.game-card-item.game-card-placeholder:hover{transform:none;box-shadow:0 4px 6px #0000001a}.game-card-image{justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.game-card-image:before{content:"";mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.game-icon{filter:drop-shadow(0 4px 8px #0000004d);z-index:1;font-size:4rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.game-card-item:hover .game-icon{transform:scale(1.1)rotate(-5deg)}.reaction-time-bg{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.sequence-memory-bg{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.aim-trainer-bg{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.number-memory-bg{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)}.chimp-test-bg{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.placeholder-bg{background:linear-gradient(135deg,#64748b 0%,#475569 100%)}.game-card-content{padding:var(--spacing-6)}.game-card-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.game-card-desc{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.5}.step-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.step-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.step-number{background:var(--gradient-primary);width:48px;height:48px;color:var(--color-white);border-radius:var(--radius-full);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-4);justify-content:center;align-items:center;display:flex}.step-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.step-description{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:0;line-height:1.6}.faq-item{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md)}.faq-question{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-3)}.faq-answer{font-size:var(--text-base);color:var(--color-gray-600);margin-bottom:0;line-height:1.7}.faq-answer-content a{color:var(--color-primary);font-weight:var(--font-medium);transition:opacity var(--transition-base);text-decoration:underline}.faq-answer-content a:hover{opacity:.8}.game-container{background-color:var(--color-test-initial);cursor:pointer;width:100%;height:600px;min-height:600px;max-height:600px;transition:background-color var(--transition-base);-webkit-user-select:none;user-select:none;box-shadow:none;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.game-container.state-wait{background-color:var(--color-test-wait)}.game-container.state-ready{background-color:var(--color-test-ready)}.game-container.state-too-early{background-color:var(--color-error)}.game-content{text-align:center;padding:var(--spacing-8);color:var(--color-white)}.game-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--spacing-6);letter-spacing:-.02em}.game-instruction{font-size:var(--text-2xl);color:#fffffff2;font-weight:var(--font-medium);margin-bottom:0}.results-area{margin-top:var(--spacing-8);padding:var(--spacing-8);background:0 0;border-radius:0}.result-current,.result-best,.result-average{padding:var(--spacing-4);background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.result-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-700)}.result-value{font-size:var(--text-2xl);font-weight:var(--font-bold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.results-area .btn{margin-top:var(--spacing-3);margin-right:var(--spacing-3)}.control-bar{-webkit-backdrop-filter:blur(6px);z-index:10;background:#ffffff1f;border:2px solid #ffffff59;border-radius:9999px;align-items:center;gap:10px;padding:6px 10px;display:flex;position:absolute;top:20px;left:20px}.control-btn{color:#fffffff2;cursor:pointer;width:36px;height:36px;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base);background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;display:flex}.control-btn:hover{background:#ffffff2e}.control-btn:active{transform:scale(.97)}.control-btn svg{stroke:currentColor;width:18px;height:18px}.control-divider{background:#ffffff59;width:1px;height:22px;display:inline-block}@media (max-width:640px){.btn{padding:var(--spacing-3)var(--spacing-5);font-size:var(--text-sm)}.results-area .btn{width:100%;margin-right:0;display:block}.game-container{height:60vh;min-height:400px;max-height:500px}.game-title{font-size:var(--text-3xl)}.game-instruction{font-size:var(--text-xl)}}.sequence-game-wrapper{max-width:100%;height:600px;padding:var(--spacing-8)var(--spacing-6);background-color:var(--color-test-initial);flex-direction:column;justify-content:center;margin:0;display:flex}.sequence-header{text-align:center;margin-bottom:var(--spacing-6)}.sequence-level{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--spacing-3)}.sequence-message{font-size:var(--text-lg);color:#ffffffe6;font-weight:var(--font-medium)}.sequence-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-8);grid-template-columns:repeat(3,1fr);width:400px;max-width:400px;margin-left:auto;margin-right:auto;display:grid}.sequence-cell{aspect-ratio:1;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background-color:#ffffff26;border:3px solid #ffffff4d;min-height:100px;box-shadow:0 4px 6px #0000001a}.sequence-cell:hover{background-color:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.sequence-cell.active{background-color:#fffffff2;border-color:#fff;transform:scale(1.1);box-shadow:0 0 30px #fff9}.sequence-cell.clicked{background-color:#ffffff80;transform:scale(.95)}.sequence-controls{text-align:center;margin-top:calc(-1*var(--spacing-4))}.sequence-controls .btn-primary{border-color:#3b82f6;box-shadow:0 10px 25px -5px #3b82f64d;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important}.sequence-controls .btn-primary:hover{border-color:#2563eb;box-shadow:0 20px 40px -10px #3b82f666;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important}.sequence-results{text-align:center;padding:var(--spacing-8);border-radius:var(--radius-lg);background:0 0}.sequence-result-item{margin-bottom:var(--spacing-4)}.sequence-result-label{font-size:var(--text-base);color:#fffc;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.05em;display:block}.sequence-result-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-white)}@media (max-width:640px){.sequence-grid{gap:var(--spacing-3);max-width:300px}.sequence-level{font-size:var(--text-3xl)}.sequence-message{font-size:var(--text-lg)}.sequence-result-value{font-size:var(--text-3xl)}}.aim-game-wrapper{max-width:100%;height:600px;padding:var(--spacing-6);background-color:var(--color-test-initial);flex-direction:column;justify-content:center;margin:0;display:flex}.aim-header{text-align:center;margin-bottom:var(--spacing-6)}.aim-counter{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--spacing-2)}.aim-message{font-size:var(--text-lg);color:#ffffffe6;font-weight:var(--font-medium)}.aim-game-area{background-color:var(--color-test-initial);border:none;border-radius:0;width:100%;height:450px;min-height:450px;max-height:450px;margin-bottom:0;position:relative;overflow:hidden}.aim-target{cursor:pointer;width:80px;height:80px;transition:all var(--transition-base);background:radial-gradient(circle,#fffffff2 0 12%,#0000 12% 24%,#ffffffe6 24% 36%,#0000 36% 48%,#ffffffd9 48% 60%,#0000 60%);border-radius:50%;margin-top:-40px;margin-left:-40px;position:absolute;top:50%;left:50%;box-shadow:0 6px 24px #00000059,0 0 0 2px #fff9}.aim-target:hover{transform:scale(1.1);box-shadow:0 6px 30px #ffffff80}.aim-target:active{transform:scale(.95)}.aim-results{max-width:500px;padding:var(--spacing-6);border-radius:var(--radius-xl);background:0 0;margin:0 auto}.aim-result-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.aim-result-item{text-align:center;padding:var(--spacing-4);border-radius:var(--radius-lg);background:0 0}.aim-result-label{font-size:var(--text-sm);color:#fffc;margin-bottom:var(--spacing-2);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;display:block}.aim-result-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-white)}@media (max-width:768px){.aim-game-area{height:500px}.aim-target{width:70px;height:70px}.aim-counter{font-size:var(--text-2xl)}.aim-result-value{font-size:var(--text-3xl)}}@media (max-width:640px){.aim-game-area{height:400px}.aim-target{width:60px;height:60px}.aim-result-grid{grid-template-columns:1fr}}.number-game-wrapper{max-width:100%;height:600px;padding:var(--spacing-8)var(--spacing-6);background-color:var(--color-test-initial);flex-direction:column;justify-content:center;margin:0;display:flex}.game-area-purple-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.number-header{text-align:center;margin-bottom:var(--spacing-8)}.number-level{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--spacing-3)}.number-message{font-size:var(--text-xl);color:#ffffffe6;font-weight:var(--font-medium)}.number-display-area{border-radius:var(--radius-xl);min-height:400px;padding:var(--spacing-8);margin-bottom:var(--spacing-6);transition:opacity var(--transition-base);background:#ffffff0d;border:2px solid #fff3;flex-direction:column;justify-content:center;align-items:center;display:flex}.number-display{font-size:4rem;font-weight:var(--font-bold);color:var(--color-white);letter-spacing:.1em;margin-bottom:var(--spacing-6);display:none}.number-progress{border-radius:var(--radius-full);width:100%;max-width:400px;height:8px;margin-top:var(--spacing-6);background:#fff3;overflow:hidden}.number-progress-bar{background:#fffc;width:0%;height:100%;transition:width 1s linear}.number-input-area{align-items:center;gap:var(--spacing-4);max-width:500px;margin:0 auto var(--spacing-6);flex-direction:column;display:none}.number-input{width:100%;padding:var(--spacing-4)var(--spacing-6);font-size:var(--text-2xl);text-align:center;color:var(--color-white);border-radius:var(--radius-lg);transition:all var(--transition-base);letter-spacing:.1em;font-weight:var(--font-medium);background:#ffffff1a;border:2px solid #ffffff4d}.number-input::placeholder{color:#ffffff80}.number-input:focus{background:#ffffff26;border-color:#fff9;outline:none;box-shadow:0 0 0 3px #ffffff1a}.number-results{max-width:500px;padding:var(--spacing-6);border-radius:var(--radius-xl);background:0 0;margin:0 auto}.number-result-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.number-result-item{text-align:center;padding:var(--spacing-4);border-radius:var(--radius-lg);background:0 0}.number-result-label{font-size:var(--text-sm);color:#fffc;margin-bottom:var(--spacing-2);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;display:block}.number-result-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-white)}@media (max-width:768px){.number-display{font-size:3rem}.number-input{font-size:var(--text-xl)}.number-level,.number-result-value{font-size:var(--text-3xl)}}@media (max-width:640px){.number-display{font-size:2rem}.number-display-area{min-height:300px;padding:var(--spacing-6)}.number-input{font-size:var(--text-lg)}.number-result-grid{grid-template-columns:1fr}}.chimp-game-wrapper{max-width:100%;height:600px;padding:var(--spacing-8)var(--spacing-6);background-color:var(--color-test-initial);flex-direction:column;justify-content:center;margin:0;display:flex;position:relative}.chimp-header{text-align:center;margin-bottom:var(--spacing-6)}.chimp-level{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--spacing-3)}.chimp-message{font-size:var(--text-lg);color:#ffffffe6;font-weight:var(--font-medium)}.chimp-grid-container{width:100%;max-width:480px;margin:0 auto}@media (max-width:768px){.chimp-game-wrapper{padding:var(--spacing-6)}.chimp-grid-container{max-width:400px}.chimp-level{font-size:var(--text-3xl)}.chimp-message{font-size:var(--text-base)}}@media (max-width:480px){.chimp-grid-container{max-width:320px}}.language-switcher{margin-left:var(--spacing-2);position:relative}.language-trigger{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);color:var(--color-gray-700);background:0 0;display:flex}.language-trigger:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.language-trigger.open{background:var(--color-gray-100);border-color:var(--color-primary)}.language-flag{font-size:1.1em;line-height:1}.language-code{font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.02em}.language-chevron{transition:transform var(--transition-base);opacity:.6}.language-chevron.rotated{transform:rotate(180deg)}.language-dropdown{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);min-width:160px;max-height:400px;box-shadow:var(--shadow-lg);z-index:100;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.language-option{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);cursor:pointer;font-size:var(--text-sm);color:var(--color-gray-700);transition:all var(--transition-base);text-align:left;background:0 0;border:none;display:flex}.language-option:hover{background:var(--color-gray-100)}.language-option.active{background:var(--color-gray-100);color:var(--color-primary)}.language-name{flex:1}.language-check{color:var(--color-primary)}.mobile-language-switcher{padding:var(--spacing-2)var(--spacing-4)}.mobile-language-switcher .language-switcher{margin-left:0}.mobile-language-switcher .language-trigger{width:100%;padding:var(--spacing-3)var(--spacing-4);justify-content:flex-start}.mobile-language-switcher .language-dropdown{top:var(--spacing-2);width:100%;box-shadow:none;border:1px solid var(--color-gray-200);position:relative;left:0;right:auto}@media (max-width:768px){.desktop-nav .language-switcher{display:none}}
.header{background-color:var(--color-white);z-index:var(--z-sticky);padding:var(--spacing-3)0;height:64px;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.header-container{max-width:1600px;padding:0 var(--spacing-6);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.header-left{z-index:1001;align-items:center;display:flex;position:relative}.logo{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-gray-900);align-items:center;gap:var(--spacing-2);font-family:var(--font-sans);margin:0;text-decoration:none;display:flex}.logo-icon{border-radius:var(--radius-md)}.logo:hover{color:var(--color-gray-900)}.nav.desktop-nav{gap:var(--spacing-2);align-items:center;display:flex}.nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600);transition:all var(--transition-base);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-2);white-space:nowrap;text-decoration:none;display:flex}.nav-icon{color:currentColor;opacity:.85;width:18px;height:18px;transition:color var(--transition-base),opacity var(--transition-base),transform var(--transition-base)}.nav-link:hover{color:var(--color-primary);background-color:#0000}.nav-link:hover .nav-icon{opacity:1}.nav-link.active{color:var(--color-primary);background-color:#0000}.nav-link.active .nav-icon{opacity:1}.mobile-menu-toggle{cursor:pointer;padding:var(--spacing-2);color:var(--color-gray-900);z-index:1001;background:0 0;border:none;transition:color .3s;display:none;position:relative}.mobile-menu-toggle.open{color:var(--color-white)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;pointer-events:none;background:linear-gradient(#1e3a8a,#4c1d95,#831843);width:100%;height:100vh;padding-top:80px;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-nav-content{padding:0 var(--spacing-6);gap:var(--spacing-2);flex-direction:column;max-width:600px;height:calc(100vh - 80px);margin:0 auto;display:flex;overflow-y:auto}.mobile-nav-link{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);font-size:var(--text-lg);font-weight:var(--font-medium);color:#ffffffe6;border-radius:var(--radius-lg);border-bottom:1px solid #ffffff1a;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--color-white);background-color:#ffffff1a;transform:translate(5px)}.mobile-nav-link .nav-icon{opacity:.9;width:24px;height:24px}.mobile-nav-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-4)var(--spacing-4)var(--spacing-2);margin-top:var(--spacing-2)}.mobile-nav-section-title:first-child{margin-top:0}.dropdown-wrapper{position:relative}.dropdown-trigger{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-800);transition:all var(--transition-base);font-family:var(--font-sans);background:0 0;border:none;display:flex}.dropdown-trigger:hover,.dropdown-trigger.open{background-color:var(--color-gray-100)}.dropdown-trigger.active{color:var(--color-primary)}.brain-icon{width:24px;height:24px;color:var(--color-primary)}.chevron-icon{width:16px;height:16px;color:var(--color-gray-500);transition:transform .2s}.chevron-icon.rotated{transform:rotate(180deg)}.dropdown-menu{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-4);opacity:0;visibility:hidden;z-index:1000;min-width:420px;transition:all .2s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-10px);box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-grid{gap:var(--spacing-1);grid-template-columns:repeat(2,1fr);display:grid}.dropdown-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-lg);color:var(--color-gray-700);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base);text-decoration:none;display:flex}.dropdown-item:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.dropdown-item.active{color:var(--color-primary);background-color:#3b82f61a}.dropdown-item.active .dropdown-icon{color:var(--color-primary)}.dropdown-icon{width:24px;height:24px;color:var(--color-gray-500);flex-shrink:0}.dropdown-item:hover .dropdown-icon{color:var(--color-gray-700)}.dropdown-footer{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-200);text-align:center}.dropdown-footer a{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-medium);transition:opacity var(--transition-base);text-decoration:none}.dropdown-footer a:hover{opacity:.8}@media (max-width:1024px){.dropdown-menu{display:none!important}.chevron-icon{display:none}}.hero{text-align:center;padding:0}.hero .container{width:100%;max-width:100%;margin:0;padding:0}.hero-game-card{width:100%;max-width:none;margin:0;padding:0}.game-grid-section{background-color:var(--color-white);min-height:calc(100vh - 60px);padding:0}.grid-title,.grid-subtitle{display:none}.featured-game{max-width:100%;margin:0}.featured-game-container{background-color:var(--color-test-initial);cursor:pointer;width:100%;height:600px;min-height:600px;max-height:600px;transition:background-color var(--transition-base);-webkit-user-select:none;user-select:none;box-shadow:none;contain:layout style paint;will-change:background-color;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:40px 40px;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.featured-game-container{height:450px;min-height:450px;max-height:450px}.featured-game-icon{font-size:4rem}.featured-game-title{font-size:var(--text-3xl)}.featured-game-instruction{font-size:var(--text-base)}}.featured-game-container.state-wait{background-color:var(--color-test-wait)}.featured-game-container.state-ready{background-color:var(--color-test-ready)}.featured-game-container.state-too-early{background-color:var(--color-error)}.featured-game-container.hero-server-content{cursor:pointer;z-index:5;pointer-events:none;position:absolute;top:0;left:0}.featured-game-container.hero-client-hidden{opacity:0}.featured-game-content{text-align:center;padding:var(--spacing-6)}@keyframes pulse-icon{0%{filter:drop-shadow(0 0 #fff0);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #fff6);transform:scale(1.05)}to{filter:drop-shadow(0 0 #fff0);transform:scale(1)}}.featured-game-icon{margin-bottom:var(--spacing-6);filter:drop-shadow(0 8px 16px #0000004d);font-size:6rem;animation:3s ease-in-out infinite pulse-icon}.featured-game-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--spacing-6)}.featured-game-instruction{font-size:var(--text-xl);color:#fffffff2;line-height:1.6;font-family:var(--font-sans);opacity:.9;margin-bottom:0}.featured-results-area{margin-top:var(--spacing-6);gap:var(--spacing-6);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.featured-result-item{text-align:center}.featured-result-label{font-size:var(--text-sm);color:#fffc;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.05em;display:block}.featured-result-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-white);display:block}.more-tests-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-gray-900);text-align:center;margin-bottom:var(--spacing-8);margin-top:var(--spacing-12)}.intro-content{max-width:800px;margin:var(--spacing-16)auto 0;padding:var(--spacing-8)var(--spacing-6);background-color:var(--color-gray-50);border-radius:var(--radius-xl)}.intro-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-6)}.intro-subtitle{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-800);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4)}.intro-text{font-size:var(--text-base);color:var(--color-gray-700);margin-bottom:var(--spacing-4);line-height:1.7}.intro-list{margin-left:var(--spacing-6);margin-bottom:var(--spacing-6)}.intro-list li{font-size:var(--text-base);color:var(--color-gray-700);margin-bottom:var(--spacing-3);line-height:1.7}.games-grid{gap:var(--spacing-6);contain:layout style;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:1200px;min-height:1200px;margin:0 auto;display:grid}.games-grid .game-card-item{height:auto;min-height:320px}.tests-section{background-color:var(--color-gray-50)}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gray-900);text-align:center;margin-bottom:var(--spacing-4)}.section-description{font-size:var(--text-lg);color:var(--color-gray-600);text-align:center;max-width:700px;margin:0 auto var(--spacing-12)}.test-game-area{margin-top:0}.how-section{background-color:var(--color-white)}.steps-grid{gap:var(--spacing-6);margin-top:var(--spacing-12);grid-template-columns:1fr;display:grid}.faq-section{background-color:var(--color-gray-50)}.faq-grid{gap:var(--spacing-6);margin-top:var(--spacing-12);grid-template-columns:1fr;display:grid}.footer{background-color:var(--color-gray-50);color:var(--color-gray-700);padding:var(--spacing-16)0 var(--spacing-8);border-top:1px solid var(--color-gray-200)}.footer-grid{gap:var(--spacing-12);margin-bottom:var(--spacing-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-column{gap:var(--spacing-4);flex-direction:column;display:flex}.footer-brand{max-width:300px}.footer-logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-3)}.footer-tagline{font-size:var(--text-sm);color:var(--color-gray-600);margin:0;line-height:1.6}.footer-heading{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-3)}.footer-links{gap:var(--spacing-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-links li{margin:0}.footer-links a{font-size:var(--text-sm);color:var(--color-gray-600);transition:color var(--transition-base);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--spacing-8);border-top:1px solid var(--color-gray-200);text-align:center}.footer-bottom p{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}@media (min-width:768px){.hero-title{font-size:var(--text-5xl)}.steps-grid,.faq-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.steps-grid{grid-template-columns:repeat(4,1fr)}.logo{font-size:var(--text-2xl)}}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-menu-toggle,.mobile-nav-overlay{display:block}}@media (max-width:640px){.header .container{flex-direction:row;gap:0}.games-grid{grid-template-columns:1fr;min-height:3200px}.hero{padding:var(--spacing-8)0}.hero-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-base)}.hero-game-card{padding:0}.hero-info{text-align:center;flex-direction:column}.info-text{text-align:center}.section-title{font-size:var(--text-2xl)}.section-description{font-size:var(--text-base)}.footer-grid{gap:var(--spacing-8);grid-template-columns:1fr}.footer-brand{max-width:100%}}@media (min-width:641px) and (max-width:1023px){.footer-grid{gap:var(--spacing-8);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;max-width:100%}.games-grid{grid-template-columns:repeat(2,1fr);min-height:1600px}}
.article-content{max-width:800px;color:var(--color-gray-800);margin:0 auto;font-size:1.125rem;line-height:1.75}.article-content h1{color:var(--color-gray-900);margin-top:2rem;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.article-content h2{color:var(--color-gray-900);margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.875rem;font-weight:700;line-height:1.3}.article-content h3{color:var(--color-gray-900);margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600;line-height:1.4}.article-content p{margin-bottom:1.25rem}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:2px}.article-content a:hover{color:var(--color-primary-dark)}.article-content strong{color:var(--color-gray-900);font-weight:700}.article-content blockquote{border-left:4px solid var(--color-primary);color:var(--color-gray-600);background:var(--color-gray-50);border-radius:0 var(--radius-md)var(--radius-md)0;margin-bottom:1.5rem;margin-left:0;margin-right:0;padding:1rem 1rem 1rem 1.5rem;font-style:italic}.article-cta{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:center;margin:3rem 0;padding:2rem}.article-cta h3{margin-top:0;font-size:1.5rem}.article-cta p{color:var(--color-gray-600);margin-bottom:1.5rem}.article-cta .btn-primary{background:var(--color-primary);white-space:normal;max-width:100%;padding:1rem 2rem;font-size:1.125rem;text-decoration:none;display:inline-block;color:var(--color-white)!important}.article-cta .btn-primary:hover{background:var(--color-primary-dark);color:var(--color-white)!important}@media (max-width:640px){.article-cta{padding:1.5rem 1rem}.article-cta .btn-primary{width:100%;padding:.875rem 1rem;font-size:1rem;display:block}}.article-start-test-container{text-align:center;margin-bottom:3rem}.btn-large-action{white-space:normal;max-width:100%;height:auto;padding:1rem 2.5rem;font-size:1.25rem}@media (max-width:640px){.btn-large-action{width:100%;padding:.875rem 1.5rem;font-size:1.125rem;display:block}}.article-content table{border-collapse:collapse;-webkit-overflow-scrolling:touch;width:100%;margin-bottom:2rem;display:block;overflow-x:auto}.article-content th,.article-content td{border:1px solid var(--color-gray-200);text-align:left;white-space:nowrap;padding:.75rem 1rem}.article-content th{background-color:var(--color-gray-50);color:var(--color-gray-900);font-weight:600}.article-content tr:nth-child(2n){background-color:var(--color-gray-50)}.article-content tr:hover{background-color:var(--color-gray-100)}@media (min-width:768px){.article-content table{display:table}.article-content th,.article-content td{white-space:normal}}.article-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}
html,body{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{text-rendering:optimizeSpeed}html{scrollbar-gutter:stable}