body{margin:0;font-family:Poppins,sans-serif;background-color:#121212;color:#e0e0e0;min-height:100vh;overflow-x:hidden}.page-container{min-height:100vh;display:flex;justify-content:center;padding:3rem 1.5rem}.main-content{background-color:#1e1e1e;border:1px solid #333;box-shadow:0 4px 20px #0009;border-radius:16px;max-width:900px;width:100%;padding:2.5rem;animation:fadeIn .5s ease-in}.header{border-bottom:1px solid #333;padding-bottom:1rem;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.header h1{font-size:2rem;font-weight:700;color:#00b4ff;margin:0 0 1rem;text-align:center;overflow-wrap:anywhere;word-break:break-word;width:100%}.header p{color:#aaa;font-size:1.2rem;line-height:1.6}.header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;width:100%}.text-content{flex:1 1 60%;display:flex;flex-direction:column;gap:.5rem;text-align:left}.small-video{flex:0 0 35%;text-align:left}.small-video video{width:100%;max-width:250px;border-radius:10px;box-shadow:0 4px 15px #0009;transition:transform .3s ease}.small-video video:hover{transform:scale(1.05)}.small-video .caption{font-size:.8rem;color:#999;text-align:left;margin-top:.4rem;font-style:italic}.section{margin-bottom:2rem}.section h2{font-size:1.5rem;font-weight:600;color:#00b4ff;margin-bottom:.5rem}.section h3{color:#f0f0f0;font-weight:500;margin-top:1rem}.section p,.section li{color:#ccc;line-height:1.6;font-size:1rem}.section ul,.section ol{padding-left:1.5rem;margin-top:.5rem}.section pre{background-color:#2a2a2a;border-radius:8px;padding:1rem;color:#f5f5f5;font-family:Fira Code,monospace;font-size:.9rem;overflow-x:auto;box-shadow:inset 0 0 5px #ffffff1a}.download-section{text-align:center;margin-top:2rem}.download-button{display:inline-block;background-color:#00b4ff;color:#121212;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;margin-top:1rem}.download-button:hover{background-color:#009afc;color:#f0f0f0;transform:translateY(-2px)}.footer{border-top:1px solid #333;margin-top:2rem;padding-top:1rem;text-align:center;font-size:.85rem;color:#888}.section ul,.section ol{padding-left:1.8rem;margin-top:.8rem;list-style:none}.section li{position:relative;color:#ccc;line-height:1.7;font-size:1rem;margin-bottom:.6rem;padding-left:1.2rem;transition:all .3s ease}.section ul li:before{content:"•";position:absolute;left:0;color:#00b4ff;font-weight:700;font-size:1.2rem;line-height:1;top:0}.section li:hover{color:#fff;transform:translate(4px)}.section ol li{counter-increment:list-counter}.section ol{counter-reset:list-counter}.section ol li:before{content:counter(list-counter) ".";position:absolute;left:0;color:#00b4ff;font-weight:600;top:0}.media-box.flex-image-right{display:grid;grid-template-columns:60% 30%;align-items:center;gap:1.5rem;margin:1.5rem 0}.media-text{text-align:left;display:flex;align-items:center;min-height:100px;padding:0 .5rem}.media-img{display:flex;flex-direction:column;align-items:flex-end;min-width:120px}.media-img img{width:100%;max-width:320px;border-radius:12px;box-shadow:0 4px 15px #0009;transition:transform .3s ease}.media-img img:hover{transform:scale(1.02)}.media-img .caption{font-size:.9rem;color:#aaa;margin-top:.4rem;font-style:italic;text-align:right}.media-img.figure-3 img{max-width:420px}.media-img.figure-6 img{max-width:520px}.media-box{text-align:center;margin:1.5rem 0}.media-box img{width:90%;max-width:700px;border-radius:12px;box-shadow:0 4px 15px #0009;transition:transform .3s ease}.media-box img:hover{transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.media-box.flex-image-right{grid-template-columns:1fr 1fr}.media-img img{max-width:220px}.media-img.figure-3 img{max-width:300px}.media-img.figure-6 img{max-width:360px}}@media(max-width:750px){.header-content{flex-direction:column;align-items:center;text-align:center}.small-video{text-align:center;margin-bottom:1rem;flex:1 1 100%}.text-content{flex:1 1 100%;text-align:center}.media-box.flex-image-right{display:flex;flex-direction:column;align-items:center;gap:1rem}.media-text,.text-content{text-align:center;width:100%;min-height:auto;padding:0 .5rem}.media-img{align-items:center;width:100%}.media-img img{max-width:90vw}.media-img .caption{text-align:center}.small-video video{max-width:250px}.header h1{font-size:clamp(1.1rem,4.5vw,1.6rem)}}.back-button{position:fixed;top:20px;left:50px;z-index:9999;padding:.5rem .8rem;border-radius:8px;background:#00b4ff14;border:1px solid rgba(0,180,255,.12);color:#00b4ff;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.back-button:hover{background:#00b4ff26;transform:translateY(-2px)}