body{margin:0;padding:0;font-family:'Roboto',sans-serif;background:linear-gradient(135deg,#0d1b2a,#1b263b);color:#fff;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:40px;position:relative}.header:after{content:'';display:block;width:100px;height:3px;background:linear-gradient(90deg,#ff6ec7,#00b4ff);margin:20px auto}.header h1{font-family:'Orbitron',sans-serif;font-size:2.5rem;margin-bottom:10px;text-shadow:0 0 10px #ff6ec7,0 0 20px #ff6ec7}.header p{font-size:1.2rem;opacity:.8}.content-section{background:rgba(27,38,59,.7);border-radius:10px;padding:30px;margin-bottom:40px;box-shadow:0 5px 15px rgba(0,0,0,.3);border:1px solid rgba(255,110,199,.2)}.content-section h2{font-family:'Orbitron',sans-serif;color:#ff6ec7;margin-top:0;font-size:1.8rem;position:relative;padding-bottom:10px}.content-section h2:after{content:'';position:absolute;bottom:0;left:0;width:50px;height:2px;background:#00b4ff}.content-section h3{font-family:'Orbitron',sans-serif;color:#00b4ff;font-size:1.4rem}.content-section p{font-size:1.1rem;margin-bottom:20px}.highlight{color:#ff6ec7;font-weight:700}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:30px 0}.image-card{border-radius:8px;overflow:hidden;position:relative;box-shadow:0 5px 15px rgba(0,0,0,.5);transition:transform .3s ease}.image-card:hover{transform:translateY(-5px)}.image-card img{width:100%;height:auto;display:block}.image-card:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 60%,rgba(0,0,0,.7))}.code-block{background:#1b263b;border-left:4px solid #ff6ec7;padding:15px;border-radius:0 5px 5px 0;margin:20px 0;overflow-x:auto;font-family:monospace;font-size:.9rem;line-height:1.5}.code-block code{color:#fff}.note{background:rgba(255,110,199,.1);border-left:4px solid #ff6ec7;padding:15px;margin:20px 0;border-radius:0 5px 5px 0}.footer{text-align:center;padding:30px 0;margin-top:50px;border-top:1px solid rgba(255,110,199,.2)}.footer p{opacity:.7;font-size:.9rem}@media(max-width:768px){.container{padding:15px}.header h1{font-size:2rem}.content-section{padding:20px}.image-grid{grid-template-columns:1fr}}