.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#244474;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 4px 8px #0000001a}.logo-container{display:flex;align-items:center;gap:15px}.logo{width:50px;height:50px;border-radius:50%;object-fit:cover}.header h1{font-size:1.8rem;font-family:Poppins,sans-serif;margin:0;text-align:center}nav{display:flex;gap:20px}nav a{color:#fff;text-decoration:none;font-size:1rem;font-weight:700;transition:color .3s ease}nav a:hover{color:#f1c40f}@media (max-width: 768px){.header{flex-direction:column;text-align:center}.logo-container{justify-content:center;margin-bottom:10px}nav{flex-wrap:wrap;justify-content:center}nav a{font-size:.9rem}}@media (min-width: 769px) and (max-width: 1200px){.header h1{font-size:2rem}nav a{font-size:1rem}}@media (min-width: 1201px){.header h1{font-size:2.2rem}.logo{width:60px;height:60px}}.admin-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px;background-color:#f4f4f4}.admin-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:350px;text-align:center;padding:20px;flex:1 1 300px;transition:transform .3s ease,box-shadow .3s ease}.admin-card:hover{transform:translateY(-10px);box-shadow:0 6px 12px #0003}.admin-card h2{font-size:1.8rem;color:#34495e;margin-bottom:20px;font-family:Poppins,sans-serif}.admin-image{width:120px;height:120px;border-radius:50%;border:4px solid #3498db;object-fit:cover;box-shadow:0 4px 8px #0003;margin-bottom:15px}.admin-card p{font-size:1rem;color:#2c3e50;margin:5px 0}@media (max-width: 767px){.admin-container{flex-direction:column;align-items:center}.admin-card{max-width:100%;flex:1 1 100%}.admin-container{flex-direction:row;justify-content:center;gap:20px}}@media (min-width: 768px) and (max-width: 1024px){.admin-container{flex-direction:row;gap:20px}.admin-card{max-width:100%;flex:1 1 45%}}@media (min-width: 1025px){.admin-container{flex-direction:row;gap:20px}.admin-card{max-width:100%;flex:1 1 30%}}.materials-container{padding:0;text-align:center;background:linear-gradient(135deg,#f3f4f6,#fff);position:relative;z-index:1}.materials-heading{font-size:2.5rem;color:#2c3e50;margin-bottom:30px;font-family:Poppins,sans-serif}.materials-grid{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;z-index:2;position:relative}.material-card{background:#fff;border-radius:10px;box-shadow:0 10px 20px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s;z-index:2;width:200px}.material-card:hover{transform:translateY(-10px);box-shadow:0 15px 25px #0003}.material-image{width:100%;height:200px;object-fit:cover}.material-info{padding:15px;text-align:left}.material-info h3{font-size:1.5rem;color:#34495e}.material-info p{font-size:1rem;color:#7f8c8d;margin:10px 0}.material-btn{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.material-btn:hover{background-color:#2980b9}body{background:#244474;margin:0}.materials-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fdfbfc,#f9fafb);z-index:0}@media (max-width: 768px){.materials-heading{font-size:2rem}.materials-grid{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.material-card{width:48%;margin:10px 0}}@media (max-width: 1200px) and (min-width: 769px){.materials-heading{font-size:2.2rem}.materials-grid{justify-content:space-evenly}.material-card{margin:10px auto}}@media (min-width: 1201px){.materials-heading{font-size:2.5rem}.materials-grid{justify-content:center}.material-card{width:200px}}.contact{background-color:#fff;padding:60px 20px;text-align:center;font-family:Helvetica,sans-serif;color:#333;box-sizing:border-box}.contact h1{font-size:3rem;color:#333;font-weight:700;margin-bottom:20px}.contact p{font-size:1.2rem;color:#555;margin-bottom:30px;line-height:1.6}.contact a{display:inline-block;background-color:#06c;color:#fff;padding:18px 35px;font-size:1.2rem;text-decoration:none;border-radius:8px;text-transform:uppercase;letter-spacing:1px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.contact a:hover{background-color:#005bb5;transform:translateY(-3px)}.contact a:focus{outline:none;box-shadow:0 0 0 3px #0066cc80}@media (max-width: 768px){.contact{padding:40px 20px}.contact h1{font-size:2rem}.contact p{font-size:1rem}.contact a{padding:12px 30px;font-size:1rem}}.footer{background-color:#550003;color:#fff;padding:20px 10px;text-align:center}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;padding:10px 15px}.footer-logo{flex:1 1 30%;text-align:left}.footer-logo h3{font-size:1.5rem;margin-bottom:10px}.footer-links{flex:1 1 30%;text-align:left}.footer-links h4{font-size:1.2rem;margin-bottom:10px}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin:8px 0}.footer-links ul li a{color:#fff;text-decoration:none;transition:color .3s ease-in-out}.footer-links ul li a:hover{color:#f9d342}.footer-social{flex:1 1 30%;text-align:left}.footer-social h4{font-size:1.2rem;margin-bottom:10px}.footer-social .instagram-link{display:flex;align-items:center;text-decoration:none;color:#fff;font-size:1rem}.footer-social .instagram-link img{width:24px;height:24px;margin-right:8px;transition:transform .3s ease-in-out}.footer-social .instagram-link:hover img{transform:scale(1.2)}.footer-quote{margin:20px auto;padding:15px;border-top:1px solid #f9d342;max-width:800px;text-align:center}.footer-quote blockquote{font-style:italic;font-size:1.2rem;color:#f9d342}.footer-quote span{display:block;margin-top:10px;font-size:1rem;color:#ddd}.footer-bottom{margin-top:20px;font-size:.9rem;border-top:1px solid #ddd;padding-top:10px}body{font-family:Arial,sans-serif;margin:0;padding:0}.header{background-color:#333;color:#fff;padding:1rem;text-align:center}.header nav a{color:#fff;margin:0 1rem;text-decoration:none}.materials,.contact,.admin{padding:2rem}.material-item{margin-bottom:1rem}.contact form label{display:block;margin-bottom:1rem}.contact form input,.contact form textarea{width:100%;margin-bottom:1rem}.language-toggle{text-align:center;margin:1rem}.language-toggle button{padding:.5rem 1rem;background-color:#333;color:#fff;border:none;cursor:pointer}@media (max-width: 768px){.header{font-size:1rem}}