/* minimal stylesheet newt lab */
:root{
  --bg:#05060a;
  --panel:#071018;
  --text:#c7f2d8;
  --muted:#7aa889;
  --accent:#2bd98b;
  --mono:ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:linear-gradient(180deg,var(--bg),#040406 120%);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
  -webkit-font-smoothing:antialiased;
  padding:40px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.wrap{
  max-width:720px;
  width:100%;
  background:transparent;
  border:1px solid rgba(43,217,139,0.06);
  padding:28px;
  border-radius:8px;
  box-shadow: 0 6px 30px rgba(0,0,0,0.6);
}

.logo{
  color:var(--muted);
  font-family: var(--mono);
  font-size:12px;
  line-height:1;
  margin:0 0 10px 0;
  user-select:none;
}

.title{
  margin:0;
  font-family:var(--mono);
  font-weight:600;
  letter-spacing:0.06em;
  font-size:clamp(1.4rem,3vw,2rem);
  color:var(--accent);
}

.tag{
  margin:6px 0 18px 0;
  color:var(--muted);
  font-family:var(--mono);
  font-size:0.95rem;
}

/* content */
.about h2, .contact h2{font-family:var(--mono);font-size:0.95rem;color:var(--muted);margin:12px 0 6px 0}
.about ul{margin:0;padding-left:1.25rem;color:var(--text);font-family:var(--mono);line-height:1.6}
.about li{margin:6px 0}

.contact p{font-family:var(--mono);color:var(--text);margin:6px 0}
.contact code{background:rgba(43,217,139,0.04);padding:.15rem .4rem;border-radius:4px;border:1px solid rgba(43,217,139,0.06)}

/* footer */
.foot{margin-top:18px;border-top:1px dashed rgba(122,168,137,0.06);padding-top:12px;color:var(--muted);font-family:var(--mono);font-size:0.85rem;text-align:center}

/* responsive */
@media (max-width:640px){
  body{padding:24px}
  .wrap{padding:18px}
  .logo{font-size:11px}
}