*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;color:#fff;overflow-x:hidden;background-color:#1e0000}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}h1{font-size:clamp(1.5rem,6vw,3.5rem);margin-bottom:5px}h2{font-size:clamp(1.25rem,5vw,2.5rem);margin-bottom:30px;position:relative;display:inline-block}h2:after{content:"";position:absolute;left:50%;bottom:-15px;width:100%;height:3px;background-color:#c22026;border-radius:2px;transform:translate(-50%)}h3{font-size:clamp(1rem,3.5vw,1.5rem);margin-bottom:25px;position:relative;display:inline-block}h3:after{content:"";position:absolute;left:50%;bottom:-8px;width:100%;height:2px;background-color:#c22026;border-radius:2px;transform:translate(-50%)}p{font-size:clamp(1rem,6vw,1.5rem);margin-bottom:25px;white-space:normal;word-wrap:break-word;max-width:70%;margin-left:auto;margin-right:auto}ul{list-style-position:inside;padding-left:0;text-align:center;color:#ccc;line-height:1.8}li{font-size:clamp(1rem,4vw,1.3rem)}a{color:#9e1b20;text-decoration:underline;transition:color .3s ease}a:hover{color:#c22026}code{background:#2a2a2a;padding:.2rem .5rem;border-radius:6px;font-size:.95rem}.divider{height:2px;width:clamp(200px,80%,1500px);margin:25px auto;background:linear-gradient(to right,#0000,#c2202633,#0000)}.buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.buttons .btn{text-decoration:none;padding:clamp(10px,2vw,14px) clamp(20px,4vw,32px);border-radius:10px;transition:all .25s ease;display:inline-block;font-size:clamp(1rem,2vw,1.1rem);width:clamp(20px,25vw,250px);text-align:center;opacity:0;transform:translateY(20px);animation:animBtn .5s ease forwards}@keyframes animBtn{to{opacity:1;transform:translateY(0)}}.btn.primary{background:#fff;color:#c22026;font-weight:650}.btn.primary:hover{background:#f0f0f0;transform:translateY(-2px)}.btn.secondary{border:2px solid white;color:#fff;font-weight:500}.btn.secondary:hover{background:#ffffff26;transform:translateY(-2px)}@media(max-width:480px){.buttons{flex-direction:column;align-items:center}.buttons .btn{width:clamp(160px,80%,240px)}}.navbar{position:fixed;top:0;left:0;width:100%;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(12px);background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.15);z-index:1000}.logo{height:clamp(30px,6vw,40px);width:auto;display:block;object-fit:contain;margin:0 auto;transition:transform .25s ease,opacity .25s ease;cursor:pointer}.logo:hover{transform:scale(1.08);opacity:.8}.landing{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,#3a0000,#1e0000 75%);border-bottom:3px solid rgb(52,0,0)}.landing:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;opacity:.3}.landing .logo{display:block;margin:clamp(0px,2vw,15px) auto;width:clamp(180px,30vw,500px);height:auto;opacity:0;transform:scale(.75);animation:animLogo .5s ease forwards;cursor:default}@keyframes animLogo{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scroll-down{position:absolute;bottom:30px;font-size:3rem;animation:bounce 1.5s infinite;cursor:pointer;opacity:.5}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.about{width:100%;padding:100px 20px;color:#fff;background:radial-gradient(circle at center,#3a0000,#1e0000 75%);text-align:center;position:relative;overflow:hidden}.about:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:200px;background:linear-gradient(to bottom,#0e0e0e00,#1e0000);pointer-events:none}.image-gallery{overflow:hidden;width:100%;padding:40px;position:relative;margin-bottom:50px}.gallery-track{display:flex;gap:30px;align-items:center;width:max-content}.gallery-track img{height:auto;width:auto;object-fit:contain;border-radius:15px;outline:2px solid #5a0000;outline-offset:4px;background-color:#0e0e0e;display:block;transition:transform .3s ease,box-shadow .3s ease,outline-color .5s ease}.gallery-track img:hover{transform:translateY(-5px) scale(1.02);outline-color:#c22026}@media(max-width:700px){.image-gallery{display:none}}.projects{width:100%;padding:clamp(60px,10vw,120px) 5%;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px}.projects-grid p{max-width:100%;font-size:clamp(.9rem,3vw,1.1rem);color:#ccc}.project-card{outline:2px solid #c22026;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease;padding:clamp(20px,3vw,30px);gap:15px}.project-card:hover{transform:translateY(-8px)}.project-icon{padding:clamp(20px,4vw,40px);display:flex;justify-content:center;align-items:center;width:100%;background:#c220261a;border-radius:10px;aspect-ratio:1 / 1;max-height:250px}.project-icon img{width:100%;height:100%;object-fit:contain}.project-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}.badge{background:#ffffff26;color:#fff;padding:4px 10px;border-radius:8px;font-size:.8rem;opacity:.5}.team{width:100%;padding:clamp(60px,10vw,120px) 5%;text-align:center;background:radial-gradient(circle at center,#2e0000,#1e0000 75%);color:#fff;position:relative;overflow:hidden}.team:before,.team:after{content:"";position:absolute;left:0;width:100%;height:150px;pointer-events:none;z-index:2}.team:before{top:0;background:linear-gradient(to bottom,#1e0000,transparent)}.team:after{bottom:0;background:linear-gradient(to top,#1e0000,transparent)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:35px 35px;width:100%;max-width:1200px;margin:0 auto}.team-card{background:#1e0000;outline:2px solid #c22026;outline-offset:4px;border-radius:15px;padding:clamp(15px,2vw,25px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;transition:transform .3s ease,box-shadow .3s ease;cursor:default}.team-card:hover{transform:translateY(-6px);box-shadow:0 6px 16px #c2202666}.team-card img{width:clamp(60px,15vw,125px);height:clamp(60px,15vw,125px);border-radius:12px;object-fit:cover;outline:2px solid rgba(194,32,38,.3);outline-offset:4px;transition:transform .3s ease,box-shadow .3s ease,outline-color .5s ease;margin-bottom:10px}.team-card img:hover{transform:scale(1.05);outline-color:#c22026}.team-card p{font-size:clamp(.9rem,1.5vw,1.2rem);color:#ccc}.join{width:100%;padding:clamp(60px,10vw,120px) 5%;text-align:center;color:#fff}.join h2{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:25px}.join p{max-width:600px;margin:0 auto 30px}.join h3{margin-top:25px}.footer{text-align:center;padding:clamp(20px,5vw,40px) 20px;border-top:3px solid #1a1a1a;background-color:#0e0e0e}.footer p{font-size:clamp(1rem,1.4vw,1.2rem);color:#777}.footer-groups{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:clamp(40px,5vw,80px);margin:15px 0 20px}.footer-group{display:flex;flex-direction:column;align-items:center;min-width:150px}.footer-group a{display:block;margin-bottom:6px;color:#aaa;text-decoration:none;font-weight:500;letter-spacing:.5px;position:relative;transition:color .3s ease}.footer-group a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#c22026;transition:width .3s ease}.footer-group a:hover{color:#fff}.footer-group a:hover:after{width:100%}