@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Share+Tech+Mono&display=swap");:root{--danger-color:#f44;--warning-color:#fa0;--info-color:#0af;--success-color:#0f8}body,html{background:linear-gradient(135deg,#000,#1a1a1a)}.container{max-width:1200px;margin:0 auto;padding:20px}.hero-section{margin-top:72px;padding:80px 20px;background:linear-gradient(135deg,rgba(255,68,68,.1),rgba(0,0,0,.9));position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,68,68,.05) 0,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.age-badge-hero{display:inline-block;background:linear-gradient(135deg,var(--danger-color),#f66);color:var(--white);padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:600;margin-bottom:20px;box-shadow:0 4px 15px rgba(255,68,68,.3)}.hero-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,var(--white) 0,hsla(0,0%,100%,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.3rem;color:hsla(0,0%,100%,.9);margin-bottom:30px;font-weight:400}.warning-banner{background:linear-gradient(135deg,rgba(255,68,68,.2),rgba(255,68,68,.1));border:2px solid var(--danger-color);border-radius:15px;padding:25px;margin:30px 0;position:relative;overflow:hidden}.warning-banner:before{content:"⚠️";position:absolute;top:-20px;right:-20px;font-size:100px;opacity:.1}.warning-content{position:relative;z-index:1}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin:40px 0}.stat-card{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.1);border-radius:15px;padding:25px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(0,255,0,.2)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:10px;display:block}.stat-label{font-size:.9rem;color:hsla(0,0%,100%,.7);line-height:1.4}.section-card{background:linear-gradient(135deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:40px;margin-bottom:40px;position:relative;overflow:hidden;transition:all .3s ease}.section-card:hover{border-color:rgba(0,255,0,.3);box-shadow:0 0 30px rgba(0,255,0,.1)}.section-title{font-size:2rem;font-weight:700;margin-bottom:30px;display:flex;align-items:center;gap:15px;color:var(--primary)}.danger-zone{background:linear-gradient(135deg,rgba(255,68,68,.1),rgba(255,68,68,.05));border-left:4px solid var(--danger-color);padding:20px;margin:20px 0;border-radius:10px}.danger-zone h3{color:var(--danger-color);margin-bottom:15px;font-size:1.3rem}.interactive-demo{background:rgba(0,0,0,.5);border:2px solid var(--primary);border-radius:15px;padding:30px;margin:30px 0;text-align:center}.demo-button{display:inline-block;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--black);padding:15px 40px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,255,0,.3);cursor:pointer;border:none}.demo-button:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(0,255,0,.5)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:25px;gap:25px;margin:30px 0}.tip-card{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border:1px solid rgba(16,185,129,.3);border-radius:15px;padding:25px;transition:all .3s ease}.tip-card:hover{transform:translateX(5px);border-color:var(--success-color);box-shadow:0 5px 20px rgba(16,185,129,.2)}.tip-card h4{color:var(--success-color);margin-bottom:15px;font-size:1.2rem}.reference-link{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;font-size:.9rem}.reference-link:hover{border-bottom-color:var(--primary)}.study-highlight{background:rgba(0,255,0,.05);border:1px solid rgba(0,255,0,.2);border-radius:10px;padding:20px;margin:20px 0}.foxhound-approach{background:linear-gradient(135deg,rgba(0,255,0,.1),rgba(0,255,0,.02));border:2px solid var(--primary);border-radius:20px;padding:40px;margin:40px 0;text-align:center}.foxhound-approach h2{color:var(--primary);font-size:2.5rem;margin-bottom:20px}.game-card{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:15px;padding:25px;margin:20px 0;transition:all .3s ease}.game-card:hover{transform:scale(1.02);box-shadow:0 10px 30px rgba(139,92,246,.2)}#manipulation-test label{cursor:pointer;transition:color .2s ease}#manipulation-test label:hover{color:var(--primary)}#manipulation-test input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}#test-result{transition:opacity .3s ease,transform .3s ease}[data-theme=light] .hero-title{color:#1f2937;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}[data-theme=light] .hero-subtitle{color:#374151}[data-theme=light] .hero-section{background:linear-gradient(135deg,rgba(239,68,68,.05),hsla(42,56%,96%,.9))}[data-theme=light] .age-badge-hero{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}[data-theme=light] .warning-banner{background:#fef2f2;border-color:#ef4444}[data-theme=light] .warning-content h2{color:#dc2626}[data-theme=light] .stat-card{background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 16px rgba(0,0,0,.05)}[data-theme=light] .stat-number{background:linear-gradient(45deg,#16a34a,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .stat-label{color:#6b7280}[data-theme=light] .section-card{background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 20px rgba(0,0,0,.05)}[data-theme=light] .section-title{color:#16a34a}[data-theme=light] .danger-zone{background:#fef2f2;border-left-color:#ef4444}[data-theme=light] .danger-zone h3{color:#dc2626}[data-theme=light] .interactive-demo{background:#f9fafb;border-color:#16a34a}[data-theme=light] .demo-button{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 4px 15px rgba(22,163,74,.3)}[data-theme=light] .demo-button:hover{box-shadow:0 6px 25px rgba(22,163,74,.5)}[data-theme=light] .tip-card{background:#f0fdf4;border-color:#86efac}[data-theme=light] .tip-card h4{color:#16a34a}[data-theme=light] .study-highlight{background:#f0fdf4;border-color:#86efac}[data-theme=light] .reference-link{color:#0ea5e9}[data-theme=light] .reference-link:hover{color:#16a34a;border-bottom-color:#16a34a}[data-theme=light] .foxhound-approach{background:#f0fdf4;border-color:#16a34a}[data-theme=light] .foxhound-approach h2{color:#16a34a}[data-theme=light] .game-card{background:#faf5ff;border-color:#d8b4fe}[data-theme=light] #manipulation-test label:hover{color:#16a34a}[data-theme=light] #manipulation-test input[type=checkbox]{accent-color:#16a34a}[data-theme=light] div[style*="background: rgba(255, 68, 68"]{background:#fef2f2!important;color:#1f2937}[data-theme=light] div[style*="background: rgba(0, 0, 0"]{background:#f9fafb!important;color:#1f2937}[data-theme=light] div[style*="background: rgba(16, 185, 129"]{background:#f0fdf4!important;color:#1f2937}[data-theme=light] div[style*="background: linear-gradient(135deg, rgba(59, 130, 246"]{background:#eff6ff!important;color:#1f2937}[data-theme=light] div[style*="background: rgba(139, 92, 246"]{background:#faf5ff!important;color:#1f2937}[data-theme=light] li,[data-theme=light] p,[data-theme=light] strong,[data-theme=light] ul{color:inherit}[data-theme=light] h3[style*="color: var(--white)"],[data-theme=light] p[style*="color: var(--white)"],[data-theme=light] strong[style*="color: var(--white)"]{color:#1f2937!important}[data-theme=light] h2[style*=text-shadow]{text-shadow:none!important}[data-theme=light] div[style*="background: rgba(255, 68, 68, 0.3)"] h3, [data-theme=light] div[style*="background: rgba(255, 68, 68, 0.3)"] p{color:#7f1d1d!important}[data-theme=light] section[style*="background: linear-gradient(135deg, rgba(0, 255, 0"] p[style*="color: var(--white)"], [data-theme=light] section[style*="background: linear-gradient(135deg, rgba(0, 255, 0"] strong[style*="color: var(--white)"]{color:#1f2937!important}[data-theme=light] p[style*="color: var(--primary)"] strong[style*="color: var(--primary)"]{color:#16a34a!important}[data-theme=light] section[style*="text-align: center; padding: 40px 0"] p[style*="color: rgba(255, 255, 255"]{color:#6b7280!important}[data-theme=light] div[style*="background: rgba(0, 0, 0, 0.7)"]{background:#f3f4f6!important;border:1px solid #e5e7eb!important}[data-theme=light] div[style*="background: rgba(0, 0, 0, 0.7)"] div, [data-theme=light] div[style*="background: rgba(0, 0, 0, 0.7)"] h3{color:#1f2937!important}[data-theme=light] p[style*="font-weight: 700; color: var(--primary)"]{color:#16a34a!important}[data-theme=light] h3[style*="color: var(--danger-color)"]{color:#dc2626!important}[data-theme=light] h3[style*="color: var(--warning-color)"]{color:#ea580c!important}[data-theme=light] h3[style*="color: var(--success-color)"]{color:#16a34a!important}[data-theme=light] h3[style*="color: var(--info-color)"]{color:#0284c7!important}[data-theme=light] h3[style*="color: var(--primary)"]{color:#16a34a!important}[data-theme=light] h4[style*="color: var(--danger-color)"]{color:#dc2626!important}[data-theme=light] h4[style*="color: var(--warning-color)"]{color:#ea580c!important}[data-theme=light] h4[style*="color: var(--success-color)"]{color:#16a34a!important}[data-theme=light] .stat-number[style*="color: var(--danger-color)"]{color:#dc2626!important}[data-theme=light] .section-card[style*="border: 3px solid var(--danger-color)"]{background:#fef2f2!important}[data-theme=light] div[style*="background: rgba(255, 68, 68, 0.3)"]{background:rgba(239,68,68,.1)!important}[data-theme=light] div[style*="background: rgba(255, 68, 68, 0.3)"] *{color:#7f1d1d!important}[data-theme=light] div[style*="background: rgba(255, 68, 68, 0.3)"] strong{color:#991b1b!important}[data-theme=light] div[style*="background: rgba(0, 0, 0, 0.5)"] p[style*="font-size: 1.3rem"]{color:#1f2937!important}[data-theme=light] div[style*="background: rgba(0, 0, 0, 0.5)"] p[style*="font-size: 1.4rem"], [data-theme=light] section h2[style*="color: var(--primary)"]{color:#16a34a!important}[data-theme=light] section p[style*="font-size: 1.2rem"][style*="margin-bottom: 30px"]{color:#6b7280!important}[data-theme=light] [style*="color: #FFF"],[data-theme=light] [style*="color: #FFFFFF"],[data-theme=light] [style*="color: #fff"],[data-theme=light] [style*="color: #ffffff"],[data-theme=light] [style*="color: var(--white)"],[data-theme=light] [style*="color: white"]{color:#1f2937!important}[data-theme=light] .demo-button,[data-theme=light] button[style*="background: var(--primary)"]{color:#fff!important}[data-theme=light] section[style*="background: linear-gradient(135deg, rgba(0, 255, 0, 0.2)"]{background:linear-gradient(135deg,rgba(22,163,74,.08),rgba(22,163,74,.03))!important;border-color:#16a34a!important}[data-theme=light] div[style*="background: linear-gradient(135deg, rgba(0, 255, 0, 0.2)"]{background:linear-gradient(135deg,rgba(22,163,74,.08),transparent)!important}[data-theme=light] strong[style*="font-size: 1.4rem"]{color:#1f2937!important}[data-theme=light] strong[style*="font-size: 1.4rem"][style*="color: var(--white)"]{color:#dc2626!important}[data-theme=light] p[style*="font-size: 1.5rem"][style*="font-weight: 700"]{color:#16a34a!important}[data-theme=light] p[style*="font-size: 1.2rem"][style*="line-height: 1.8"][style*="color: var(--white)"]{color:#1f2937!important}[data-theme=light] h3[style*="color: #8b5cf6"],[data-theme=light] strong[style*="color: #8b5cf6"]{color:#7c3aed!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.stat-grid{grid-template-columns:1fr}.section-card{padding:25px}.tips-grid{grid-template-columns:1fr}}[data-theme=light] body,[data-theme=light] html{background:radial-gradient(1200px 600px at 50% -200px,#eef4ef 0,rgba(238,244,239,0) 70%),linear-gradient(180deg,#e9f0ea,#e2eae4 60%,#dce5de)}[data-theme=light] .section-card,[data-theme=light] .stat-card{background:#eef4f0}[data-theme=light] .reference-link{color:#166534}[data-theme=light] div[style*="background: rgba(255, 68, 68, 0.3)"] h3{color:#b91c1c!important}