/* Minimal business card site for verification */
:root{
  --bg:#0b1020;
  --card:#121a33;
  --text:#e9ecf5;
  --muted:#b9c0d6;
  --line:rgba(233,236,245,.12);
  --accent:#7aa2ff;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color:var(--text);
  background: var(--bg);
}

a{color:var(--text); text-decoration:none}
a:hover{color:var(--accent)}

.container{width:min(1100px,92vw); margin:0 auto}

.header{padding:36px 0 18px; border-bottom:1px solid var(--line)}

.brand{display:flex; gap:16px; align-items:center; margin-bottom:18px}

.logo{
  width:52px; height:52px;
  border-radius:14px;
  display:grid; place-items:center;
  background:#7aa2ff;
  color:#071022; font-weight:800;
}

.subtitle{color:var(--muted); font-size:14px; margin:4px 0 0}

.contact-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
}

.contact-card ul{list-style:none; padding:0; margin:0}
.contact-card li{
  display:flex; gap:10px; padding:10px 0;
  border-top:1px solid var(--line); flex-wrap:wrap
}
.contact-card li:first-child{border-top:none}

.label{min-width:140px; color:var(--muted); font-size:13px}

.section{padding:22px 0 42px}

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

.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
}

.card h2{margin:0 0 10px; font-size:16px}

.bullets{padding-left:18px}
.note,.small{color:var(--muted); font-size:13px}

.kv>div{
  display:flex; justify-content:space-between; gap:12px;
  padding-top:10px; border-top:1px solid var(--line)
}
.kv>div:first-child{border-top:none; padding-top:0}
.k{color:var(--muted); font-size:13px}
.v{font-size:13px}

.footer{border-top:1px solid var(--line); padding:18px 0 26px; color:var(--muted); font-size:13px}

@media(max-width:780px){
  .grid{grid-template-columns:1fr}
  .kv>div{flex-direction:column}
}