body{
  margin:0;
  font-family:Arial, sans-serif;
  background:radial-gradient(circle at top,#0f172a 0%,#020617 65%);
  color:#e5e7eb;
  display:flex;
  justify-content:center;
  padding-top:60px;
}

.container{
  width:100%;
  max-width:420px;
  margin:auto;
  padding:0 16px 80px;
}

h2{
  text-align:center;
}

.search-box{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:25px;
}

input,button{
  width:100%;
  padding:12px;
  border-radius:10px;
  border:none;
  font-size:14px;
}

button{
  background:#38bdf8;
  font-weight:bold;
  cursor:pointer;
}

.card{
  position:relative;
  margin-top:22px;
  background:rgba(2,6,23,.85);
  backdrop-filter:blur(12px);
  border-radius:20px;
  padding:22px;
  box-shadow:
    0 0 0 1px rgba(56,189,248,.15),
    0 20px 60px rgba(0,0,0,.8);
}

.card-title{
  font-weight:bold;
  margin-bottom:10px;
  opacity:.8;
}

.profile-row{
  display:flex;
  gap:15px;
  align-items:center;
}

.avatar{
  width:96px;
  height:96px;
  border-radius:50%;
  padding:3px;
  background:linear-gradient(135deg,#38bdf8,#6366f1);
}

.avatar img{
  width:100%;
  height:100%;
  border-radius:50%;
}

.name{
  font-size:22px;
  font-weight:700;
  max-width:220px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.sub{
  font-size:13px;
  opacity:.8;
  margin-top:4px;
}

.badge{
  display:inline-block;
  font-size:13px;
  margin-top:6px;
}

.green{color:#22c55e;}
.red{color:#ef4444;}

.grid-4{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

@media(min-width:480px){
  .grid-4{
    grid-template-columns:repeat(4,1fr);
  }
}

.stat{
  background:#020617;
  border-radius:10px;
  padding:10px;
  text-align:center;
}

.stat span{
  display:block;
  font-size:12px;
  opacity:.7;
}

.trust-ring{
  width:120px;
  height:120px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:20px auto 0;
}

.trust-ring-inner{
  width:90px;
  height:90px;
  background:#020617;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:bold;
}

.loading{
  text-align:center;
  margin-top:20px;
  opacity:.7;
}

.error-card{
  background:#020617;
  border:1px solid rgba(239,68,68,.5);
  color:#fecaca;
  padding:16px;
  border-radius:14px;
  text-align:center;
  box-shadow:0 0 20px rgba(239,68,68,.25);
}

a{color:#818cf8;text-decoration:none;}