body{color:#f5f5f5;background-color:#050505;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.section-container{max-width:1200px;margin:auto;padding:80px 5%}h2{border-left:5px solid #d40000;margin-bottom:40px;padding-left:15px;font-size:36px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes breathingGlow{0%{box-shadow:0 0 5px #d400004d}50%{box-shadow:0 0 20px #d40000b3}to{box-shadow:0 0 5px #d400004d}}.fade-in{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}.fade-in-down{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInDown}.pop-in{opacity:0;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards popIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.4s}.navbar{background-color:#0a0a0a;border-bottom:2px solid #d40000;justify-content:space-between;align-items:center;padding:20px 5%;display:flex}.logo-text{letter-spacing:2px;color:#fff;font-size:28px;font-weight:900;text-decoration:none}.logo-text span{color:#d40000}.nav-links a{color:#fff;margin:0 20px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#d40000}.dashboard-btn{color:#fff;background-color:#d40000;border-radius:6px;padding:10px 24px;font-weight:700;text-decoration:none;transition:all .3s;animation:3s infinite breathingGlow}.dashboard-btn:hover{background-color:#ff1a1a;animation:none;transform:translateY(-2px);box-shadow:0 5px 20px #d4000099}.hero{text-align:center;background:radial-gradient(circle,#1a0000 0%,#050505 70%);padding:120px 20px}.hero-logo{filter:drop-shadow(0 0 15px #d4000080);max-width:250px;margin-bottom:20px;transition:filter .3s,transform .3s}.hero-logo:hover{filter:drop-shadow(0 0 25px #d40000cc);transform:scale(1.05)}.hero h1{text-transform:uppercase;margin-bottom:10px;font-size:54px}.hero p{color:#a0a0a0;max-width:600px;margin:0 auto 30px;font-size:20px}.grid{flex-wrap:wrap;gap:30px;display:flex}.card,.team-card{background-color:#121212;border:1px solid #1a1a1a;border-radius:8px;flex:1;min-width:250px;padding:30px;transition:transform .4s,box-shadow .4s,border-color .4s}.card{border-top:4px solid #d40000}.team-card{text-align:center;border-bottom:4px solid #d40000}.card:hover,.team-card:hover{border-color:#300;transform:translateY(-8px);box-shadow:0 15px 30px #d4000033}.pfp-image{object-fit:cover;border:2px solid #d40000;border-radius:50%;width:100px;height:100px;margin:0 auto 15px;transition:transform .3s;display:block;box-shadow:0 0 15px #d4000033}.team-card:hover .pfp-image{transform:scale(1.1)}.pfp-placeholder{background-color:#1a1a1a;border:2px solid #d40000;border-radius:50%;width:100px;height:100px;margin:0 auto 15px;box-shadow:0 0 15px #d4000033}.role{color:#d40000;text-transform:uppercase;letter-spacing:1px;margin-top:5px;font-size:14px;font-weight:700}.footer{text-align:center;background-color:#0a0a0a;border-top:1px solid #1f1f1f;margin-top:80px;padding:30px 5%}.footer-content p{color:#555;margin-bottom:15px;font-size:14px}.footer-links a{color:#a0a0a0;margin:0 15px;font-weight:500;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#d40000}