.hero,.mission,.navbar{background:rgba(255,255,255,.05)}.faq-item.active .faq-answer,button,footer,label{display:block}.articles-title,.hero,.message,.mission,footer{text-align:center}.article-card,.footer-links a,.logo,.nav-links a{text-decoration:none}body{font-family:Inter,sans-serif;margin:0;background:#000;color:#f5f5f5}.hero{padding:10px 0}.hero h1{font-size:2.5rem;color:red;text-shadow:0 2px 10px rgba(255,0,0,.3)}.hero p{font-size:1.2rem;opacity:.8}.about-content{max-width:1200px;margin:50px auto;padding:20px;line-height:1.8}.about-content h2{color:#fff;margin-bottom:15px}.footer-links a:hover,.logo,.nav-links a:hover{color:red}.about-content p,.content p{margin-bottom:20px;font-size:1.05rem}.mission{padding:40px 20px;border-radius:30px}.mission h2{color:red;margin-bottom:15px}.mission p{font-size:1.1rem}.navbar{padding:8px 0;border-bottom:1px solid #fff;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:20px;font-weight:700}.nav-links{list-style:none;display:flex;gap:20px}.nav-links a{color:#fff;font-weight:500;transition:color .3s}.menu-toggle{display:none;font-size:24px;background:0 0;border:none;color:#fff;cursor:pointer}.article-card,.contact-container,.faq-item{background:rgba(255,255,255,.05)}footer{background-color:rgba(255,255,255,.05);padding:5px 0;font-size:14px;border-top:1px solid #fff;unicode-bidi:isolate}.footer-content{max-width:1000px;margin:0 auto}.footer-links a{margin:0 8px;font-weight:700;color:#fff}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.contact-container{max-width:700px;margin:50px auto;padding:30px;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.4)}.contact-container h2{margin-bottom:20px;color:red;text-align:center}.form-group{margin-bottom:20px}label{margin-bottom:6px;font-weight:500}input,textarea{width:100%;padding:4px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.6);color:#fff;font-size:1rem}input:focus,textarea:focus{border-color:red;outline:0}button{width:15%;padding:2px;border:none;border-radius:6px;background:red;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s}.message{margin-top:15px;display:none;font-weight:700}.success{color:#4caf50}.error{color:#ff6b6b}@media (max-width:768px){.nav-links{display:none;flex-direction:column;background:#111;position:absolute;top:60px;right:20px;width:200px;border:1px solid red;border-radius:8px;padding:15px}.nav-links.show{display:flex}.menu-toggle{display:block}.about-content{padding:15px}.hero h1{font-size:2rem}.contact-container{margin:20px;padding:20px}}.faq-container{max-width:900px;margin:50px auto;padding:20px}.faq-item{border-radius:8px;margin-bottom:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.faq-question{padding:15px;cursor:pointer;font-weight:600;color:#f5f5f5;display:flex;justify-content:space-between;align-items:center}.faq-answer{display:none;padding:15px;font-size:.95rem;line-height:1.6;color:#ddd}.faq-item.active .faq-question::after{content:"−"}.faq-question::after{content:"+";font-size:1.2rem;color:#fff}.article-container{max-width:800px;margin:50px auto;padding:20px}.articles-section{max-width:1200px;margin:60px auto;padding:20px}.articles-title{font-size:2rem;color:red;margin-bottom:50px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.article-card{display:block;padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px rgba(0,0,0,.4);transition:.4s;position:relative;overflow:hidden;color:inherit}.article-card:hover{transform:translateY(-10px) scale(1.02);background:linear-gradient(150deg,rgba(26,1,1,.6),rgba(61,1,1,.495));border-color:rgba(251,255,0,.646)}.article-card h3,.content h2{color:#fff;margin-bottom:10px}.article-card p{font-size:1rem;margin-bottom:15px}.article-image{width:100%;height:180px;overflow:hidden;border-radius:10px;margin-bottom:15px}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s;border-radius:10px}.article-card:hover .article-image img{transform:scale(1.1)}.font{font-size:large}.article-image-wrapper{width:100%;border-radius:12px;margin-bottom:20px;overflow:hidden}.article-image-wrapper img{width:100%;height:auto;max-height:450px;object-fit:contain;display:block;transition:transform .4s}.article-image-wrapper:hover img{transform:scale(1.03)}.content{max-width:1000px;margin:10px auto;padding:20px;line-height:1.8}