:root{--danger-color:#f44;--warning-color:orange;--success-color:#0f0;--info-color:#00bfff;--purple-color:#a855f7}.legacy-page{padding-top:72px;position:relative;z-index:1;overflow-x:hidden}@media (max-width:768px){.legacy-page{padding-top:56px}}.main-content{position:relative;z-index:1;padding-top:72px}.hero-section{padding:100px 20px 60px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,68,68,.1),transparent 50%,rgba(0,255,0,.1))}.hero-content{position:relative;z-index:1;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);animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 4px 15px rgba(255,68,68,.3)}50%{box-shadow:0 6px 25px rgba(255,68,68,.6)}}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,var(--danger-color) 0,var(--warning-color) 50%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:title-glow 3s ease-in-out infinite}@keyframes title-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero-subtitle{font-size:1.3rem;color:hsla(0,0%,100%,.9);margin-bottom:30px}.danger-counter{background:linear-gradient(135deg,rgba(255,68,68,.2),rgba(255,68,68,.05));border:2px solid var(--danger-color);border-radius:20px;padding:30px;margin:40px auto;max-width:800px;position:relative;overflow:hidden}.danger-counter:before{content:"⚠️";position:absolute;top:-30px;right:-30px;font-size:120px;opacity:.1;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.counter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.counter-item{text-align:center}.counter-number{font-size:3rem;font-weight:700;color:var(--danger-color);display:block;animation:count-up 2s ease-out}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter-label{font-size:.9rem;color:hsla(0,0%,100%,.8);margin-top:5px}.container.page{max-width:1200px;margin:0 auto;padding:40px 20px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px;gap:25px;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;cursor:pointer}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.2),transparent);transition:left .5s ease}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(0,255,0,.2)}.stat-icon{font-size:3rem;margin-bottom:15px;display:block}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:10px;display:block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stat-label{font-size:.9rem;color:hsla(0,0%,100%,.7);line-height:1.4}.stat-source{font-size:.8rem;color:var(--info-color);margin-top:10px;font-style:italic}.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-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(to bottom,var(--primary),var(--danger-color))}.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,.2),rgba(255,68,68,.05));border-left:4px solid var(--danger-color);padding:25px;margin:20px 0;border-radius:10px;animation:danger-pulse 3s ease-in-out infinite}@keyframes danger-pulse{0%,to{box-shadow:0 0 0 rgba(255,68,68,0)}50%{box-shadow:0 0 20px rgba(255,68,68,.3)}}.danger-zone h3{color:var(--danger-color);margin-bottom:15px;font-size:1.3rem}.interactive-test{background:rgba(0,0,0,.5);border:2px solid var(--primary);border-radius:15px;padding:30px;margin:30px 0}.test-title{font-size:1.5rem;color:var(--primary);margin-bottom:20px;text-align:center}.test-question{background:hsla(0,0%,100%,.05);padding:20px;border-radius:10px;margin-bottom:15px}.test-question label{display:block;padding:10px;cursor:pointer;transition:all .3s ease}.test-question label:hover{background:rgba(0,255,0,.1);padding-left:15px}.test-question input[type=checkbox]{margin-right:10px}.test-button{display:block;margin:20px auto;padding:15px 40px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--black);border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,255,0,.3)}.test-button:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(0,255,0,.5)}.test-result{padding:20px;border-radius:10px;margin-top:20px;display:none;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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;position:relative;overflow:hidden}.tip-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px rgba(16,185,129,.3)}.tip-icon{font-size:2rem;margin-bottom:15px;display:block}.tip-icon,.tip-title{color:var(--success-color)}.tip-title{font-size:1.2rem;margin-bottom:10px;font-weight:600}.progress-container{margin:40px 0}.progress-title{font-size:1.3rem;margin-bottom:20px;color:var(--primary)}.progress-bar{width:100%;height:30px;background:hsla(0,0%,100%,.1);border-radius:15px}.progress-bar,.progress-fill{overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--danger-color),var(--warning-color),var(--success-color));width:0;transition:width 2s ease}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{text-align:center;margin-top:15px;font-size:1.2rem;font-weight:700}.cta-section{background:linear-gradient(135deg,rgba(0,255,0,.1),rgba(0,255,0,.05));border:2px solid var(--primary);border-radius:20px;padding:50px;text-align:center;margin:60px 0;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,0,.1) 0,transparent 70%);animation:rotate 20s linear infinite}.cta-button{display:inline-block;padding:15px 40px;background:linear-gradient(45deg,var(--primary),var(--primary-dark));color:var(--black);text-decoration:none;border-radius:30px;font-weight:700;font-size:1.2rem;transition:all .3s ease;margin-top:20px;box-shadow:0 5px 20px rgba(0,255,0,.3);position:relative;z-index:1}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,255,0,.5)}[data-theme=light] .hero-section{background:linear-gradient(135deg,rgba(239,68,68,.1),transparent 50%,rgba(22,163,74,.1))}[data-theme=light] .counter-label,[data-theme=light] .hero-subtitle{color:#6b7280}[data-theme=light] .section-card,[data-theme=light] .stat-card{background:#eef4f0;border-color:rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.05)}[data-theme=light] .stat-label{color:#6b7280}[data-theme=light] .danger-zone{background:#fef2f2;border-left-color:#ef4444}[data-theme=light] .danger-zone p,[data-theme=light] .danger-zone ul,[data-theme=light] .novlang-comparison p{color:#1a1a1a}[data-theme=light] .tip-card{background:#f0fdf4;border-color:rgba(22,163,74,.3)}[data-theme=light] .tip-card p{color:#1a1a1a}[data-theme=light] .interactive-test{background:#eef4f0;border-color:#16a34a}[data-theme=light] .test-question{background:rgba(0,0,0,.05);color:#1a1a1a}[data-theme=light] .test-button{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}[data-theme=light] .cta-section{background:linear-gradient(135deg,rgba(22,163,74,.1),rgba(22,163,74,.05));border-color:#16a34a}[data-theme=light] .cta-section p{color:#1a1a1a}[data-theme=light] .cta-button{background:linear-gradient(45deg,#16a34a,#22c55e);color:#fff}@media (max-width:768px){.main-content{padding-top:56px}.hero-title{font-size:2.5rem}.stat-grid,.tips-grid{grid-template-columns:1fr}.counter-grid{grid-template-columns:repeat(2,1fr)}.novlang-comparison{flex-direction:column}}[data-theme=light] .hero-title{background:linear-gradient(135deg,#dc2626,#b45309 50%,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}[data-theme=light] [style*="background: rgba(255, 0, 0"]{background:#fef2f2!important;color:#7f1d1d!important}[data-theme=light] [style*="background: rgba(255, 0, 0"] strong{color:#b91c1c!important}[data-theme=light] #checklist-complete{background:#f0fdf4!important;border-color:#16a34a!important}