@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes tilt{0%,50%,to{transform:rotate(0deg)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}@keyframes highlight-word{0%{background-color:transparent;transform:scale(1)}50%{background-color:#fef3c7;transform:scale(1.05)}to{background-color:#fbbf24;transform:scale(1)}}@keyframes reading-focus{0%{box-shadow:0 0 0 0 rgba(59,130,246,.7)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}@keyframes pulse-circuit{0%,to{opacity:.2}50%{opacity:.4}}@keyframes rotate-lines{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.animate-fade-in{animation:fade-in .8s ease-out forwards}.animate-fade-in-delay{animation:fade-in .8s ease-out .2s forwards;opacity:0}.animate-fade-in-delay-2{animation:fade-in .8s ease-out .4s forwards;opacity:0}.animate-fade-in-delay-3{animation:fade-in .8s ease-out .6s forwards;opacity:0}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 8s ease-in-out infinite}.animate-tilt{animation:tilt 10s linear infinite}.animate-highlight-word{animation:highlight-word 1s ease-in-out}.animate-reading-focus{animation:reading-focus 2s infinite}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.demo-focus-mode .demo-word:not(.current-word){opacity:.3;filter:blur(1px);transition:all .3s ease}.demo-focus-mode .current-word{background:linear-gradient(135deg,#fef3c7,#fbbf24);padding:2px 6px;border-radius:4px;box-shadow:0 2px 4px rgba(251,191,36,.3);transition:all .3s ease}.demo-audio-mode .demo-word{transition:all .5s ease}.demo-audio-mode .current-word{color:#059669;font-weight:600;text-shadow:0 1px 2px rgba(5,150,105,.3)}.demo-visual-mode{font-family:Arial,sans-serif;line-height:2;letter-spacing:.5px}.demo-visual-mode .demo-word{padding:2px 4px;margin:0 2px;border-radius:3px;transition:all .3s ease}.demo-visual-mode .demo-word:hover{background:linear-gradient(135deg,#ddd6fe,#a78bfa);transform:translateY(-1px)}.slider{-webkit-appearance:none;appearance:none;height:4px;background:linear-gradient(90deg,#e5e7eb 0,#3b82f6 50%,#e5e7eb);outline:none;border-radius:2px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);cursor:pointer;border-radius:50%;box-shadow:0 2px 4px rgba(59,130,246,.5)}.slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px rgba(59,130,246,.5)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--primary),var(--secondary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--primary-hover),var(--secondary-hover))}.tech-grid{position:absolute;inset:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.08) 1px,transparent 0);background-size:4rem 4rem;opacity:.3;z-index:0}.dark .tech-grid{background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.05) 1px,transparent 0)}.circuit-board{position:absolute;inset:0;width:100%;height:100%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M20 20 L80 20 L80 80 L20 80 Z" fill="none" stroke="rgba(0, 128, 255, 0.1)" stroke-width="2"/><path d="M50 20 L50 0" stroke="rgba(0, 128, 255, 0.1)" stroke-width="1"/><path d="M50 80 L50 100" stroke="rgba(0, 128, 255, 0.1)" stroke-width="1"/><path d="M20 50 L0 50" stroke="rgba(0, 128, 255, 0.1)" stroke-width="1"/><path d="M80 50 L100 50" stroke="rgba(0, 128, 255, 0.1)" stroke-width="1"/><circle cx="20" cy="20" r="3" fill="rgba(0, 128, 255, 0.1)"/><circle cx="80" cy="20" r="3" fill="rgba(0, 128, 255, 0.1)"/><circle cx="80" cy="80" r="3" fill="rgba(0, 128, 255, 0.1)"/><circle cx="20" cy="80" r="3" fill="rgba(0, 128, 255, 0.1)"/></svg>');background-size:10rem 10rem;opacity:.5;z-index:0;animation:pulse-circuit 10s ease-in-out infinite}.glowing-lines{position:absolute;inset:0;overflow:hidden}.glowing-lines:after,.glowing-lines:before{content:"";position:absolute;left:50%;min-width:300vw;min-height:300vw;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.1),rgba(255,255,255,0));animation:rotate-lines 20s linear infinite}.glowing-lines:after{animation-delay:-10s}.background-blur-overlay{position:absolute;inset:0;width:100%;height:100%;backdrop-filter:blur(10px);z-index:1}