:root{--bg-dark:#1e1e2e;--accent:#ff6f61;--highlight:#61dafb;--text-light:#f0f0f5;--shadow:#0a0a14}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif}body{background:var(--bg-dark);color:var(--text-light);line-height:1.7;overflow-x:hidden}header{position:fixed;top:0;width:100%;background:linear-gradient(135deg,#2a2a3e,var(--shadow));padding:1rem;z-index:200}nav{max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}nav a{color:var(--text-light);text-decoration:none;padding:.8rem 1.2rem;font-weight:500;transition:all .3s ease}nav a:hover{color:var(--highlight);transform:scale(1.05)}.hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero h1{font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,var(--accent),var(--highlight));-webkit-background-clip:text;color:transparent}.cta{padding:1.2rem 2.5rem;background:var(--accent);color:#fff;border-radius:50px;text-decoration:none;font-size:1.2rem;font-weight:600;box-shadow:0 8px 20px rgba(255,111,97,.5);transition:all .4s ease}.cta:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(255,111,97,.7);background:var(--highlight)}.sticky-cta{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:linear-gradient(45deg,var(--accent),#ff8e7f);padding:.8rem 2rem;border-radius:30px;z-index:150;box-shadow:0 5px 15px rgba(0,0,0,.4)}.sticky-cta span{font-weight:600;margin-right:1rem}main{max-width:1300px;margin:0 auto;padding:3rem 1rem}section{padding:3rem 0;border-bottom:1px solid rgba(255,111,97,.2)}h2{font-size:2.5rem;color:var(--highlight);margin-bottom:1.5rem;text-transform:uppercase}table{width:100%;border-collapse:collapse;margin:2rem 0;background:#2a2a3e;border-radius:10px;overflow:hidden}th,td{padding:1.2rem;text-align:left;border-bottom:1px solid var(--accent)}th{background:var(--accent);color:#fff;font-weight:600}.fact{background:#2a2a3e;padding:1.5rem;border-left:6px solid var(--highlight);margin:2rem 0;font-size:1.1rem;border-radius:5px}.toc{position:sticky;z-index:10;top:80px;background:linear-gradient(135deg,#2a2a3e,var(--shadow));padding:1.5rem;border-radius:15px;margin-bottom:3rem}.toc a{display:block;color:var(--text-light);padding:.8rem;text-decoration:none;transition:all .3s ease}.toc a:hover,.toc a.active{color:var(--accent);background:rgba(255,111,97,.1);border-radius:5px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:1000;align-items:center;justify-content:center}.modal-content{background:#2a2a3e;padding:2.5rem;border-radius:20px;max-width:600px;text-align:center;position:relative;transform:scale(.9);transition:transform .3s ease}.modal.active .modal-content{transform:scale(1)}.modal-close{position:absolute;top:15px;right:15px;font-size:1.8rem;color:var(--accent);cursor:pointer;transition:color .3s ease}.modal-close:hover{color:var(--highlight)}canvas.slot{border:2px solid var(--accent);border-radius:10px}footer{background:linear-gradient(135deg,#2a2a3e,var(--shadow));padding:3rem 1rem;text-align:center}footer a{color:var(--highlight);text-decoration:none}@media (max-width:768px){.hero h1{font-size:2.5rem}nav{flex-direction:column}nav a{padding:.5rem}main{padding:1.5rem}.modal-content{max-width:90%}}