*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f5f0e8;background:#050505;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}.app{color:#f5f0e8;background:#050505}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding:22px 7%;display:flex;position:fixed;top:0}.logo{color:#d6a354;font-size:1.2rem;font-weight:700}.nav-links{gap:30px;display:flex}.nav-links a{font-size:.95rem;transition:all .3s}.nav-links a:hover{color:#d6a354}.hero{background-color:#0000;background-image:linear-gradient(#000000a6,#000c),url(https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?q=80&w=1600&auto=format&fit=crop);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:100vh;padding:0 7%;display:flex;position:relative}.hero-content{z-index:2;max-width:720px}.hero-tag{color:#d6a354;letter-spacing:3px;margin-bottom:20px;font-size:.9rem}.hero h1{margin-bottom:25px;font-size:5rem;line-height:1}.hero-text{color:#ddd;margin-bottom:40px;font-size:1.2rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:20px;display:flex}.gold-btn{color:#000;cursor:pointer;background:#d6a354;border:none;border-radius:50px;padding:16px 32px;font-weight:700;transition:all .3s}.gold-btn:hover{transform:translateY(-3px)}.outline-btn{border:1px solid #d6a354;border-radius:50px;padding:16px 32px;transition:all .3s}.outline-btn:hover{color:#000;background:#d6a354}.section{padding:120px 7%}.section-title{text-align:center;margin-bottom:70px}.section-title span{color:#d6a354;letter-spacing:2px}.section-title h2{margin-top:15px;font-size:3rem}.about{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-text h2{margin-bottom:30px;font-size:3rem}.about-text p{color:#ccc;margin-bottom:20px;line-height:1.9}.about-image img{border-radius:20px;width:100%}.stats{flex-wrap:wrap;gap:40px;margin-top:40px;display:flex}.stats h3{color:#d6a354;margin-bottom:10px;font-size:2rem}.cards{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.card{background:#111;border:1px solid #ffffff0d;border-radius:20px;padding:40px;transition:all .3s}.card:hover{transform:translateY(-10px)}.card h3{color:#d6a354;margin-bottom:20px}.card p{color:#ccc;line-height:1.8}.impact{background:#0c0c0c;padding:120px 7%}.impact-box h2{margin-bottom:25px;font-size:3rem}.impact-box p{color:#ccc;max-width:700px;line-height:1.8}.impact-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:60px;display:grid}.impact-card{background:#111;border-radius:18px;padding:35px}.impact-card h3{color:#d6a354;margin-bottom:15px}.product-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.product-card{background:#111;border-radius:20px;overflow:hidden}.product-card img{object-fit:cover;width:100%;height:320px}.product-card h3{color:#d6a354;padding:25px 25px 10px}.product-card p{color:#ccc;padding:0 25px 30px;line-height:1.7}.allies-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.ally{text-align:center;color:#d6a354;background:#111;border-radius:18px;padding:40px;font-weight:700}.contact-box{background:#111;border-radius:30px;grid-template-columns:1fr 1fr;gap:60px;padding:60px;display:grid}.contact-info span{color:#d6a354}.contact-info h2{margin:20px 0;font-size:3rem}.contact-info p{color:#ccc;line-height:1.8}.contact-data{margin-top:30px}.contact-data p{margin-bottom:15px}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#050505;border:1px solid #ffffff14;border-radius:12px;padding:18px}.footer{border-top:1px solid #ffffff14;padding:80px 7% 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:50px;display:grid}.footer h3,.footer h4{color:#d6a354}.footer p,.footer a{color:#bbb;line-height:2;display:block}.copyright{text-align:center;color:#777;border-top:1px solid #ffffff14;margin-top:50px;padding-top:30px}@media (width<=992px){.hero h1{font-size:3.5rem}.about,.contact-box,.cards,.product-grid,.impact-grid,.allies-grid,.footer-grid{grid-template-columns:1fr}.nav-links{display:none}.section-title h2,.about-text h2,.impact-box h2,.contact-info h2{font-size:2.2rem}}
