/*
Theme Name: App Directory Dark
Theme URI: https://example.com/
Author: Custom
Description: Dark app-directory WordPress theme inspired by the supplied reference layout.
Version: 1.0.0
License: GPL v2 or later
Text Domain: app-directory-dark
*/
:root{--bg:#101425;--panel:#171d31;--panel2:#202941;--text:#f5f7ff;--muted:#aeb7d0;--accent:#35b8ff;--accent2:#7d63ff}
*{box-sizing:border-box} body{margin:0;background:#f3f5fa;color:#1c2333;font-family:Arial,Helvetica,sans-serif} a{text-decoration:none;color:inherit}
.site-header{background:#171c2d;color:#fff;border-bottom:2px solid var(--accent)}
.header-inner{max-width:1180px;margin:auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;color:#ffc94d}.brand img{width:44px;height:44px;object-fit:contain;border-radius:8px}
.nav{display:flex;gap:24px;flex-wrap:wrap}.nav a{color:#fff;font-weight:600;font-size:15px}.nav a:hover{color:#55c7ff}
.hero{background:radial-gradient(circle at 50% 10%,#27365d 0,#141a2c 55%,#0f1422 100%);color:#fff;text-align:center;padding:62px 20px 72px}
.hero h1{font-size:50px;font-weight:300;margin:0 0 22px}.hero p{max-width:900px;margin:0 auto 28px;color:#e1e6f5;line-height:1.7;font-size:16px}
.search{max-width:650px;margin:auto;display:flex;background:#fff;border-radius:3px;overflow:hidden}.search input{flex:1;border:0;padding:16px;font-size:16px;outline:none}.search button{width:72px;border:0;background:#35b8ff;color:#fff;font-size:20px;cursor:pointer}
.container{max-width:1180px;margin:auto;padding:38px 22px}.section-title{font-size:24px;margin:0 0 22px;color:#69738b}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px rgba(24,34,56,.08);transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(24,34,56,.14)}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eef1f7}.card-body{padding:14px}.card h3{margin:0 0 7px;font-size:17px}.card p{margin:0;color:#7a849a;font-size:13px;line-height:1.5}.meta{margin-top:12px;font-size:12px;color:#8d96a9}
.single{max-width:900px;margin:40px auto;background:#fff;padding:30px;border-radius:12px}.single img{max-width:180px;border-radius:15px}.button{display:inline-block;background:#35b8ff;color:#fff;padding:12px 20px;border-radius:6px;font-weight:700;margin-top:12px}
.site-footer{background:#171c2d;color:#aeb7d0;padding:35px 20px;text-align:center;margin-top:30px}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:40px}.header-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}.hero h1{font-size:32px}.nav{gap:14px}.container{padding:28px 14px}}