/* Reset */
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}
body{background:#f5f5f5;color:#333;}
a{text-decoration:none;color:inherit;}

/* Header */
.header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#111;color:#fff;}
.header .logo{font-size:22px;font-weight:bold;}
.header .join{background:#28a745;padding:8px 15px;border-radius:6px;cursor:pointer;}
.header .menu{font-size:24px;cursor:pointer;display:none;}

/* Slider */
.slider{position:relative;width:100%;height:200px;margin:20px auto;overflow:hidden;border-radius:12px;}
.slider img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:opacity 1s ease;}

/* Tabs */
.tabs{display:flex;justify-content:center;gap:20px;margin:10px 0;font-weight:bold;font-size:16px;}

/* Search */
.search-box{text-align:center;margin:15px 0;}
.search-box input{padding:10px;width:60%;border-radius:5px;border:1px solid #ccc;}
.search-box button{padding:10px 15px;background:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;}

/* Container / Cards */
.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px;}
.card{background:#fff;padding:15px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s;}
.card:hover{transform:translateY(-5px);}
.card img{width:80px;margin-bottom:10px;}
.card .app-name{font-weight:bold;margin-bottom:5px;}
.card .info{font-size:14px;margin-bottom:5px;}
.card .btn{display:inline-block;background:linear-gradient(45deg,#28a745,#00b894);color:#fff;padding:8px 15px;border-radius:6px;margin-top:5px;transition:all 0.3s;}
.card .btn:hover{opacity:0.9;transform:scale(1.05);}

/* Featured */
.featured{padding:20px;}
.featured h2{text-align:center;margin-bottom:15px;}
.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;}

/* Footer */
footer{background:#111;color:#fff;text-align:center;padding:20px;margin-top:30px;}
footer a{margin:0 10px;color:#fff;}