body{background:linear-gradient(135deg,#0d1b2a,#1b263b);color:#e0e1dd;font-family:'Roboto',sans-serif;line-height:1.6;margin:0;padding:0}.design-notice{background:rgba(0,209,255,0.1);border-left:4px solid #00d1ff;padding:15px;margin:30px 0;font-size:16px}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;padding:60px 0 40px}.header h1{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(90deg,#00d1ff,#39ff14);-webkit-background-clip:text;background-clip:text;color:transparent}.header p{font-size:1.2rem;max-width:800px;margin:0 auto}article{background:rgba(27,38,59,0.7);border-radius:15px;padding:40px;margin:40px 0;box-shadow:0 10px 30px rgba(0,0,0,0.3)}h2,h3{font-weight:700;color:#e0e1dd;margin-top:40px}h2{font-size:1.8rem;border-bottom:2px solid rgba(0,209,255,0.3);padding-bottom:10px}h3{font-size:1.4rem}p{font-size:1.1rem;margin:20px 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0}.card{background:#1b263b;border-radius:12px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,0.2);transition:all 0.3s ease}.card:hover{transform:translateY(-10px);box-shadow:0 15px 25px rgba(0,0,0,0.3)}.card img{border-radius:8px;width:100%;height:auto;margin-bottom:15px;box-shadow:0 3px 10px rgba(0,0,0,0.2)}pre{background:#0d1b2a;border-radius:8px;padding:20px;overflow-x:auto;margin:25px 0;box-shadow:inset 0 0 10px rgba(0,0,0,0.5)}code{font-family:monospace;color:#39ff14}table{width:100%;border-collapse:collapse;margin:30px 0;background:#1b263b}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #0d1b2a}th{background:#0d1b2a;color:#00d1ff}.image-gallery{display:flex;flex-wrap:wrap;gap:20px;margin:40px 0;justify-content:center}.image-gallery img{width:150px;height:150px;object-fit:cover;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:all 0.3s ease}.image-gallery img:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,209,255,0.4)}@media(max-width:768px){.container{padding:15px}.header{padding:40px 0 30px}.header h1{font-size:2rem}.card-grid{grid-template-columns:1fr}article{padding:25px}}