:root{
  --bg:#ffffff;
  --muted:#6b6b6b;
  --accent:#0b5fff;
  --border:#e6e6e6;
  --max-width:980px;
  --radius:6px;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background:var(--bg); color:#111; margin:0; line-height:1.45}
.app-title a{color:inherit; text-decoration:none}
.example-link .app-card{background:#fff}
.container{max-width:var(--max-width); margin:0 auto; padding:24px}
.site-header{border-bottom:1px solid var(--border);}
.site-header .container{display:flex; align-items:center; justify-content:space-between}
.logo{font-size:28px; margin:0}
nav a{margin-left:18px; color:var(--muted); text-decoration:none}
nav a.cta{color:var(--accent); font-weight:600}
.hero{padding:28px 0}
.apps-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px}
.app-card{display:flex; gap:16px; padding:14px; border:1px solid var(--border); border-radius:var(--radius); background:#fbfbfb}
.app-icon{width:84px; height:84px; object-fit:cover; border-radius:12px}
.app-title{margin:0 0 6px 0}
.app-meta{margin:0 0 8px 0; color:var(--muted)}
.narrow{max-width:720px}
form{display:grid; gap:12px}
label{display:block; font-weight:600}
input[type=text], input[type=url], input[type=email], select, textarea{width:100%; padding:8px; border:1px solid var(--border); border-radius:6px}
fieldset{border:1px solid var(--border); padding:10px; border-radius:6px}
.form-actions{margin-top:8px}
button{background:var(--accent); color:#fff; padding:10px 16px; border:0; border-radius:6px; cursor:pointer}
.site-footer{border-top:1px solid var(--border); margin-top:28px; padding:18px 0; color:var(--muted)}
.hidden{display:none}