@import url('https://fonts.googleapis.com/css2?family=Helvetica+Neue:wght@700&family=Roboto:wght@400;500&display=swap');:root{--primary:#2E8B57;--secondary:#1E90FF;--accent:#FFA500;--neutral:#696969;--light:#f8f9fa;--dark:#212529}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--neutral);margin:0;padding:0;background-color:var(--light)}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:60px 0;text-align:center;border-radius:0 0 20px 20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);margin-bottom:40px}.header h1{font-family:'Helvetica Neue',sans-serif;font-size:2.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.2)}.header p{font-size:1.2rem;max-width:800px;margin:0 auto}.notice{background-color:#fff;border-left:5px solid var(--accent);padding:15px;margin:30px 0;border-radius:0 8px 8px 0;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.notice p{margin:0;font-weight:500;color:var(--dark)}article{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,0.08);margin-bottom:40px}article h2{color:var(--primary);font-family:'Helvetica Neue',sans-serif;font-size:1.8rem;margin-top:30px;border-bottom:2px solid var(--secondary);padding-bottom:10px}article h3{color:var(--secondary);font-size:1.4rem;margin-top:25px}article p{margin-bottom:20px}pre{background-color:#f5f5f5;border-radius:8px;padding:20px;overflow-x:auto;margin:20px 0;box-shadow:inset 0 0 10px rgba(0,0,0,0.05)}code{font-family:monospace;font-size:0.9rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:30px 0}.image-card{border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease}.image-card:hover{transform:translateY(-5px)}.image-card img{width:100%;height:auto;display:block}.table-container{overflow-x:auto;margin:30px 0}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th{background-color:var(--primary);color:#fff}tr:nth-child(even){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}.footer{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-align:center;padding:30px 0;border-radius:20px 20px 0 0;margin-top:40px}@media (max-width:768px){.header{padding:40px 0}.header h1{font-size:2rem}article{padding:25px}.image-grid{grid-template-columns:1fr}}