:root{
  --bg:#0d1117;
  --text:#c9d1d9;
  --accent:#58a6ff;
  --border:#30363d;
  --card:#161b22;
  --card-hover:#21262d;
}

*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
body{margin:0;padding:2rem;color:var(--text);background:var(--bg);line-height:1.6;max-width:800px;margin:auto}
header{display:flex;align-items:center;margin-bottom:2rem}
.avatar{width:64px;height:64px;border-radius:50%;margin-right:1rem}
h1{font-size:1.5rem;font-weight:600;margin:0}
.bio{color:#8b949e;margin-bottom:1.5rem}

.search-container{
  display:flex;
  margin-bottom:1.5rem;
  border:1px solid var(--border);
  border-radius:6px;
  overflow:hidden;
  background:var(--card);
}
.search-input{
  flex:1;
  padding:.6rem 1rem;
  border:none;
  background:transparent;
  color:var(--text);
  outline:none;
  font-size:.95rem;
}
.search-button{
  padding:0 1rem;
  border:none;
  background:var(--accent);
  color:#fff;
  cursor:pointer;
  transition:background .2s;
}
.search-button:hover{background:#3e8ed0}

.repo-list{display:grid;gap:1rem}
.repo-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:6px;
  padding:1.25rem;
  transition:.2s;
}
.repo-card:hover{
  border-color:var(--accent);
  transform:translateY(-2px);
}
.repo-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem 0}
.repo-title a{color:var(--accent);text-decoration:none}
.repo-desc{color:#8b949e;font-size:.9rem;margin-bottom:.5rem}
.repo-meta{display:flex;font-size:.8rem;color:#6e7681}
.repo-meta span{margin-right:1rem}

footer{
  margin-top:2rem;
  text-align:center;
  color:#6e7681;
  font-size:.8rem;
}
footer a{
  display:inline-block;
  margin-top:.5rem;
  color:var(--text);
  transition:color .2s;
}
footer a:hover{
  color:var(--accent);
}
.github-logo{
  width:32px;
  height:32px;
  fill:currentColor;
}