:root{--prussian-blue:#0d1117;--prussian-blue-2:#1b263b;--baltic-blue:#115790;--glaucous:#5f7ca2;--alice-blue:#d5e2f3}body,html,#root{color:#d5e2f3;background-color:#0a0e14;width:100vw;height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,sans-serif;overflow:hidden}#tsparticles{inset:0;z-index:0!important;position:fixed!important}.lighting-effect{z-index:1;pointer-events:none;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #11579059 0%, #0d11171a 45%, transparent 80%);position:fixed;inset:0}.presentation-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;z-index:10;width:100%;height:100vh;position:relative;overflow-y:scroll;background:0 0!important}.slide{scroll-snap-align:start;box-sizing:border-box;text-align:center;border-bottom:1px solid #1157904d;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:4rem 2rem 2rem;display:flex;background:0 0!important}.slide h1,.slide h2,.slide p{color:#d5e2f3;z-index:6;position:relative}.slide p{max-width:900px;margin:0 auto}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;box-sizing:border-box;border-bottom:1px solid var(--baltic-blue);background:#0d1117e6;gap:25px;width:100%;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0}.navbar a{color:var(--glaucous);font-weight:700;text-decoration:none;transition:all .3s}.navbar a.active,.navbar a:hover{color:#fff}.progress-bar{background:var(--baltic-blue);z-index:1000;transform-origin:0%;height:5px;position:fixed;top:0;left:0;right:0}.bouncing-arrow{color:var(--glaucous);cursor:pointer;z-index:20;margin-top:1rem;font-size:3rem;transition:color .3s;animation:2s infinite bounce;display:inline-block;position:relative}.bouncing-arrow:hover{color:var(--alice-blue);text-shadow:0 0 15px var(--baltic-blue)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.btn-primary{cursor:pointer;border:none;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;box-shadow:0 5px 15px #0000004d;background-color:var(--baltic-blue)!important;color:var(--alice-blue)!important;border-radius:8px!important;padding:12px 30px!important}.btn-primary:hover{transform:scale(1.1)translateY(-5px);box-shadow:0 10px 25px #11579099;background-color:var(--alice-blue)!important;color:var(--prussian-blue)!important}.hero-title{color:var(--alice-blue);margin-bottom:1.5rem;font-size:5rem}.hero-subtitle{color:var(--glaucous);font-size:1.8rem}.section-title{margin-bottom:2rem;font-size:4.5rem}.btn-large{padding:15px 40px!important;font-size:1.5rem!important}.topic-main-title{text-transform:uppercase;color:var(--alice-blue);font-size:5rem}.slide-content-wrapper{flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}.slide-title{color:var(--alice-blue);text-align:center;width:100%;margin-bottom:3rem;font-size:3.5rem;line-height:1.2}.slide-inner{justify-content:space-between;align-items:center;gap:4rem;width:100%;display:flex}.slide-text{text-align:left;flex:1 1 0}.slide-text p{color:var(--alice-blue);text-align:left;white-space:pre-wrap;margin:0;font-size:1.35rem;line-height:1.6}.slide-text b{color:#fff;letter-spacing:.5px;text-shadow:0 0 15px #ffffff4d;font-weight:800}.slide-text i{color:#79c0ff;font-style:italic}.slide-image{flex:1 1 0;justify-content:center;align-items:center;display:flex}.slide-img-tag{width:100%;max-width:250px;filter:drop-shadow(0 0 10px var(--baltic-blue))}.image-placeholder{aspect-ratio:1;width:100%;max-width:250px;height:auto;color:var(--glaucous);filter:drop-shadow(0 0 10px #11579033);background-color:#0d111766;border:4px dashed #1157904d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex}.slide h1,.slide h2{letter-spacing:-1px;text-shadow:0 0 20px #11579066;font-weight:800}.editor-container{border:1px solid var(--baltic-blue);background:var(--prussian-blue-2);text-align:left;border-radius:8px;width:90%;max-width:800px;overflow:hidden}.editor-tabs{background:var(--prussian-blue);display:flex}.editor-tabs button{color:var(--glaucous);cursor:pointer;background:0 0;border:none;padding:12px 20px;font-weight:700}.editor-tabs button.active{background:var(--baltic-blue);color:#fff}.tips-box{background:var(--baltic-blue);padding:10px 20px;font-size:1rem;font-style:italic}.editor-code{color:#79c0ff;resize:none;box-sizing:border-box;background:#0d1117;border:none;outline:none;width:100%;height:200px;padding:20px;font-family:monospace;font-size:1.2rem}.btn-run{color:#fff;cursor:pointer;background:#238636;border:none;border-radius:6px;margin:10px;padding:10px 25px;font-size:1rem;font-weight:700}.editor-output{text-align:left;border-top:1px solid var(--prussian-blue);background:#000;padding:15px}.output-text{color:#4ade80;font-family:monospace;font-weight:700}@media screen and (width<=850px){.navbar{flex-wrap:wrap;justify-content:center;gap:10px;padding:.5rem}.navbar a{padding:5px;font-size:.85rem}.slide{height:auto;min-height:100vh;padding:6rem 1.5rem 2rem}.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2.5rem;line-height:1.2}.topic-main-title{font-size:2.2rem;line-height:1.2}.slide-title{margin-bottom:1.5rem;font-size:1.8rem}.btn-large{padding:10px 20px!important;font-size:1.2rem!important}.slide-inner{flex-direction:column-reverse;gap:2rem}.slide-text p{font-size:1.1rem}.slide-img-tag,.image-placeholder{max-width:120px}.editor-container{width:100%}.editor-tabs{white-space:nowrap;overflow-x:auto}.editor-tabs button{padding:10px;font-size:.9rem}.editor-code{height:180px;font-size:1rem}.bouncing-arrow{font-size:2rem}}