.container,.mod-grid,.navbar,body,nav{display:flex}.mod-name,body,h1,h2{color:#fff}.mod-download,nav a{text-decoration:none}body{margin:0;font-family:'Barlow Condensed',sans-serif;background-color:#0e0e15;justify-content:center;align-items:flex-start;padding:100px 20px 20px}.hero-banner{position:fixed;top:0;left:0;width:100%;height:100%;background:url('../assets/banner.webp') center center/cover no-repeat;z-index:-1}.navbar,.overlay{position:absolute}.overlay{inset:0;background-color:rgba(0,0,0,.55);z-index:-1}.navbar{top:10px;left:20px;right:40px;justify-content:space-between;align-items:center;z-index:2}.navbar img.logo{height:80px;width:auto}nav a{margin-left:12px;padding:6px 14px;border:2px solid #c7eaf6;border-radius:5px;background:0 0;color:#c7eaf6;font-weight:600;transition:.2s}nav a:hover{background-color:rgba(0,0,0,.6);box-shadow:0 0 10px #c7eaf6}nav a.active{background-color:#003c52;color:#fff}.container{width:100%;max-width:1200px;top:-30px;position:relative}.left-panel{flex:1}h1,h2{margin:10px 0}.mod-grid{flex-wrap:wrap;justify-content:flex-start;gap:20px;margin:20px 0}.mod-card{background-color:#1c1c2c;border-radius:12px;padding:16px;text-align:center;box-shadow:0 0 12px rgba(0,0,0,.3);transition:transform .2s;box-sizing:border-box;width:200px}.mod-card:hover{transform:translateY(-4px)}.mod-card img{width:100%;height:auto;object-fit:contain;margin-bottom:10px;cursor:pointer}.mod-name{font-weight:700;font-size:1rem;margin-bottom:6px;text-transform:capitalize}.mod-price{color:#00e0ff;font-size:.9rem;margin-bottom:6px}.mod-download,.mod-search{padding:6px 12px;color:#fff}.mod-download{display:inline-block;border:1px solid #fff;border-radius:6px;font-size:.85rem;transition:background-color .2s}.mod-download:hover{background-color:#2e2e40}.mod-search{width:100%;max-width:160px;margin:20px 0;font-size:14px;border-radius:6px;border:none;outline:0;background-color:#1f1f2f;box-shadow:0 0 0 2px #00e0ff44}@media (max-width:768px){.container{flex-direction:column;align-items:center;top:-50px;position:relative}.left-panel{width:100%;max-width:100%}nav a{padding:3px 8px;font-size:15px}.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mod-card{width:100%}.mod-card img{width:100%;height:auto}.mod-search{top:60px;left:197px;position:relative;z-index:2}}@media (min-width:769px){.mod-search{margin-left:893px;position:relative;top:60px}}.popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.popup img{max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,.5)}.popup.hidden{display:none}