body{margin:0;padding:0;font-family:'Poppins',sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;position:relative}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.15)0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(255,215,0,.1)0%,transparent 70%);backdrop-filter:blur(6px);z-index:-2;animation:glowMove 14s ease-in-out infinite alternate}@keyframes glowMove{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.05) translate(-20px,10px)}}#particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-1}.particle{position:absolute;width:3px;height:3px;background:rgba(255,215,0,.6);border-radius:50%;animation:floatUp linear infinite}@keyframes floatUp{from{transform:translateY(0);opacity:1}to{transform:translateY(-120vh);opacity:0}}.navbar{display:flex;justify-content:center;align-items:center;gap:36px;padding:1rem 2rem;background:rgba(17,17,17,.9);border-bottom:1px solid #222;max-width:95%;margin:0 auto;border-radius:0 0 12px 12px}.logo{font-weight:700;color:gold;font-size:1.2rem}.navbar .menu{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.navbar a{color:#fff;text-decoration:none;font-size:1rem;font-weight:600;transition:color .3s ease}.navbar a:hover{color:gold}[data-theme=light] .navbar{background:rgba(255,255,255,.9);border-bottom:1px solid #ddd}[data-theme=light] .navbar a{color:#000}[data-theme=light] .navbar a:hover{color:#c9a634}[data-theme=light] .logo{color:#000}main.card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;min-height:80vh;animation:fadeInUp 1s ease-in-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.btn-main{background:linear-gradient(90deg,#ffcc00,#ffea00);color:#000;border:none;border-radius:8px;padding:12px 28px;font-weight:600;margin:8px 0;cursor:pointer;transition:.25s ease;box-shadow:0 0 12px rgba(255,215,0,.6)}.btn-main:hover{background:#000;color:#ffd700;transform:scale(1.05);box-shadow:0 0 14px rgba(255,215,0,.6)}#theme-toggle{position:fixed;top:16px;right:64px;z-index:9999;border-radius:50%;width:44px;height:44px;font-size:1.2rem;cursor:pointer;background:#111;color:#ffd700;border:2px solid #ffd700;box-shadow:0 0 10px rgba(255,215,0,.3)}#theme-toggle:hover{background:#ffd700;color:#000}#motivation-rotator{font-size:1.05rem;color:#ffd700;font-weight:600;margin-top:16px;text-shadow:0 0 8px rgba(255,215,0,.4);animation:fadeIn 1s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.reading-bg{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;transition:opacity .8s ease,background .6s ease;filter:brightness(1.05)}[data-theme=dark] .reading-bg{background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(10,10,10,.75)),url("../img/bg-reading-dark.jpg") center/cover no-repeat;filter:brightness(1.05)}[data-theme=light] .reading-bg{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(235,235,235,.65)),url("../img/bg-reading-light.jpg") center/cover no-repeat;filter:brightness(.98)}.chapter-header{text-align:center;margin:40px auto 30px;animation:fadeInDown 1s ease}.chapter-icon{font-size:2.2rem;filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}.chapter-title{font-weight:700;letter-spacing:.5px}.chapter-subtitle{font-style:italic;opacity:.8;margin-top:6px}[data-theme=dark] .chapter-title{color:#ffd700}[data-theme=light] .chapter-title{color:#c9a634}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.chapter-icon::before{display:inline-block;margin-right:4px}[data-module="1"] .chapter-icon::before{content:"💭";color:#ffd700}[data-module="2"] .chapter-icon::before{content:"⚡";color:#ffae00}[data-module="3"] .chapter-icon::before{content:"🎯";color:#00d4ff}[data-module="4"] .chapter-icon::before{content:"🧠";color:#a5f5ff}[data-module="5"] .chapter-icon::before{content:"🧘";color:#8aff00}[data-module="6"] .chapter-icon::before{content:"🌊";color:#00c3ff}[data-module="7"] .chapter-icon::before{content:"🔥";color:#ff5e00}[data-module="8"] .chapter-icon::before{content:"🌀";color:#007bff}[data-module="9"] .chapter-icon::before{content:"📈";color:#00ff88}[data-module="10"] .chapter-icon::before{content:"⏳";color:#d1a200}[data-module="11"] .chapter-icon::before{content:"🚀";color:#ffcc00}[data-module="12"] .chapter-icon::before{content:"🎯";color:#ffdd55}[data-module="13"] .chapter-icon::before{content:"🧩";color:#66c2ff}[data-module="14"] .chapter-icon::before{content:"👁️";color:#ccc}[data-module="15"] .chapter-icon::before{content:"🗣️";color:#ffb366}[data-module="16"] .chapter-icon::before{content:"⏰";color:#ffd54f}[data-module="17"] .chapter-icon::before{content:"💎";color:#00ffe5}[data-module="18"] .chapter-icon::before{content:"🕰️";color:#e8b800}[data-module="19"] .chapter-icon::before{content:"🌪️";color:#00c0ff}[data-module="20"] .chapter-icon::before{content:"🧬";color:#9f79ff}body::after{content:"Campus CFC LITE 2025 © Cristian F. Choqui";opacity:.01;position:fixed;bottom:0;right:0;font-size:8px;pointer-events:none}#welcomeVideo::-webkit-media-controls-panel{background:rgba(0,0,0,.65);border-radius:12px}#welcomeVideo::-webkit-media-controls-play-button{filter:drop-shadow(0 0 5px gold)}