:root{--neu-bg:#e6e7ee;--neu-bg-dark:#2d3748;--neu-shadow-light:#ffffff;--neu-shadow-dark:#a3a8c3;--neu-shadow-dark-mode-light:#3a4553;--neu-shadow-dark-mode-dark:#1a202c;--neu-border-radius:12px;--neu-border-radius-sm:8px;--neu-border-radius-lg:16px;--neu-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.neu-base{box-shadow:8px 8px 16px var(--neu-shadow-dark),-8px -8px 16px var(--neu-shadow-light)}.neu-base,.neu-inset{border-radius:var(--neu-border-radius);transition:var(--neu-transition)}.neu-inset{box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light)}.neu-button{border:none;border-radius:var(--neu-border-radius);box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light);transition:var(--neu-transition);cursor:pointer;position:relative;overflow:hidden}.neu-button:hover{box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);transform:translateY(-1px)}.neu-button:active{box-shadow:inset 3px 3px 6px var(--neu-shadow-dark),inset -3px -3px 6px var(--neu-shadow-light);transform:translateY(0)}.neu-button-sm{border-radius:var(--neu-border-radius-sm);box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light)}.neu-button-lg{border-radius:var(--neu-border-radius-lg);box-shadow:10px 10px 20px var(--neu-shadow-dark),-10px -10px 20px var(--neu-shadow-light)}.neu-card{border-radius:var(--neu-border-radius);box-shadow:12px 12px 24px var(--neu-shadow-dark),-12px -12px 24px var(--neu-shadow-light);transition:var(--neu-transition)}.neu-card:hover{box-shadow:16px 16px 32px var(--neu-shadow-dark),-16px -16px 32px var(--neu-shadow-light);transform:translateY(-2px)}.neu-input{border:none;border-radius:var(--neu-border-radius-sm);box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);transition:var(--neu-transition);padding:12px 16px;outline:none}.neu-input:focus{box-shadow:inset 6px 6px 12px var(--neu-shadow-dark),inset -6px -6px 12px var(--neu-shadow-light),0 0 0 3px rgba(59,130,246,.1)}.neu-toggle{border-radius:20px;box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);position:relative}.neu-toggle,.neu-toggle-thumb{transition:var(--neu-transition)}.neu-toggle-thumb{border-radius:50%;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light)}.neu-progress{box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);overflow:hidden}.neu-progress,.neu-progress-bar{border-radius:var(--neu-border-radius-sm)}.neu-progress-bar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 2px 4px rgba(0,0,0,.1);transition:var(--neu-transition)}.dark .neu-base{box-shadow:8px 8px 16px var(--neu-shadow-dark-mode-dark),-8px -8px 16px var(--neu-shadow-dark-mode-light)}.dark .neu-inset{box-shadow:inset 4px 4px 8px var(--neu-shadow-dark-mode-dark),inset -4px -4px 8px var(--neu-shadow-dark-mode-light)}.dark .neu-button{box-shadow:6px 6px 12px var(--neu-shadow-dark-mode-dark),-6px -6px 12px var(--neu-shadow-dark-mode-light);color:#e2e8f0}.dark .neu-button:hover{box-shadow:4px 4px 8px var(--neu-shadow-dark-mode-dark),-4px -4px 8px var(--neu-shadow-dark-mode-light)}.dark .neu-button:active{box-shadow:inset 3px 3px 6px var(--neu-shadow-dark-mode-dark),inset -3px -3px 6px var(--neu-shadow-dark-mode-light)}.dark .neu-card{box-shadow:12px 12px 24px var(--neu-shadow-dark-mode-dark),-12px -12px 24px var(--neu-shadow-dark-mode-light)}.dark .neu-card:hover{box-shadow:16px 16px 32px var(--neu-shadow-dark-mode-dark),-16px -16px 32px var(--neu-shadow-dark-mode-light)}.dark .neu-input{box-shadow:inset 4px 4px 8px var(--neu-shadow-dark-mode-dark),inset -4px -4px 8px var(--neu-shadow-dark-mode-light);color:#e2e8f0}.dark .neu-input:focus{box-shadow:inset 6px 6px 12px var(--neu-shadow-dark-mode-dark),inset -6px -6px 12px var(--neu-shadow-dark-mode-light),0 0 0 3px rgba(59,130,246,.2)}.neu-classified{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:8px 8px 16px rgba(102,126,234,.3),-8px -8px 16px rgba(118,75,162,.3)}.neu-classified:hover{box-shadow:12px 12px 24px rgba(102,126,234,.4),-12px -12px 24px rgba(118,75,162,.4);transform:translateY(-2px)}.neu-secure{background:linear-gradient(135deg,#11998e,#38ef7d);color:white;box-shadow:8px 8px 16px rgba(17,153,142,.3),-8px -8px 16px rgba(56,239,125,.3)}.neu-alert{background:linear-gradient(135deg,#ff6b6b,#ffa726);color:white;box-shadow:8px 8px 16px rgba(255,107,107,.3),-8px -8px 16px rgba(255,167,38,.3)}.neu-pulse{animation:neuPulse 2s infinite}@keyframes neuPulse{0%,to{box-shadow:8px 8px 16px var(--neu-shadow-dark),-8px -8px 16px var(--neu-shadow-light)}50%{box-shadow:12px 12px 24px var(--neu-shadow-dark),-12px -12px 24px var(--neu-shadow-light)}}.neu-glow{position:relative}.neu-glow:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#667eea);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.neu-glow:hover:before{opacity:.7}@media (max-width:768px){.neu-base,.neu-card{box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light)}.neu-button{box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light)}}@media (prefers-reduced-motion:reduce){.neu-base,.neu-button,.neu-card,.neu-input,.neu-progress,.neu-toggle{transition:none}.neu-pulse{animation:none}}@media (prefers-contrast:high){.neu-base,.neu-button,.neu-card{border:2px solid}}.lesson-content h1{font-size:2.5rem;line-height:1.2;font-weight:700;margin-bottom:1.5rem;color:#1a202c}.lesson-content h2{font-size:2rem;line-height:1.3;font-weight:700;margin-top:2.5rem;margin-bottom:1.25rem;color:#2d3748;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.lesson-content h3{font-size:1.5rem;line-height:1.4;font-weight:600;margin-top:2rem;margin-bottom:1rem;color:#4a5568}.lesson-content p{font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem;color:#4a5568}.lesson-content ol,.lesson-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.lesson-content li{font-size:1.125rem;line-height:1.7;margin-bottom:.5rem}.lesson-content blockquote{font-size:1.25rem;line-height:1.6;font-style:italic;color:#4a5568;border-left:4px solid #edf2f7;padding-left:1rem;margin:1.5rem 0}.lesson-content .card{border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);margin:2rem 0}.lesson-content .image-caption{font-size:.875rem;text-align:center;color:#718096;margin-top:.5rem}.lesson-content .key-points{border-left:4px solid #4299e1;padding:1.5rem;margin:2rem 0;border-radius:.5rem}.lesson-content .key-points h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2b6cb0}.lesson-content .definition{border-left:4px solid #48bb78;padding:1.5rem;margin:2rem 0;border-radius:.5rem}.lesson-content .definition h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2f855a}.lesson-content .warning{border-left:4px solid #f56565;padding:1.5rem;margin:2rem 0;border-radius:.5rem}.lesson-content .warning h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#c53030}@media (max-width:768px){.lesson-content h1{font-size:2rem}.lesson-content h2{font-size:1.75rem}.lesson-content h3{font-size:1.5rem}.lesson-content li,.lesson-content p{font-size:1.0625rem}.lesson-content blockquote{font-size:1.125rem}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,0,0,.2)}70%{box-shadow:0 0 0 10px rgba(0,0,0,0)}to{box-shadow:0 0 0 0 rgba(0,0,0,0)}}.pulse-on-hover:hover{animation:pulse 1.5s infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.float-on-hover:hover{animation:float 2s ease-in-out infinite}.card-hover-effect{transition:all .3s ease}.card-hover-effect:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.image-zoom-container{overflow:hidden}.image-zoom{transition:transform .5s ease}.image-zoom:hover{transform:scale(1.1)}.button-slide-right span{display:inline-block;transition:transform .3s ease}.button-slide-right:hover span{transform:translateX(5px)}