/* Minimal, elegant, CSS-only logo + centered layout */
:root{
  --bg:#0b0b0e;
  --card:#0f1016;
  --text:#f5f5f7;
  --muted:#a0a3ad;
  --accent:#ffd166;
  --glow: rgba(255, 209, 102, .25);
  --border: rgba(255,255,255,.08);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(800px 400px at 100% 0%, rgba(255, 209, 102, .06), transparent 50%),
    var(--bg);
  color:var(--text);
}

.wrap{
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:48px 16px;
}

.card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  padding:40px 32px;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  border:1px solid var(--border);
  border-radius:24px;
  backdrop-filter:saturate(120%) blur(6px);
  box-shadow:0 10px 30px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.02) inset;
  text-align:center;
  max-width:900px;
}

.logo{
  --stroke: 2px;
  line-height: .9;
  letter-spacing:.5px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  filter: drop-shadow(0 6px 16px var(--glow));
}

.logo-top,
.logo-bottom{
  display:block;
  font-weight:800;
  text-transform:uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d9d9e3 55%, #bfc3cf 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  position:relative;
  text-shadow:
     0 0 0 #fff,
     0 1px 0 rgba(0,0,0,.3);
}

.logo-top{
  font-size: clamp(38px, 7vw, 84px);
  letter-spacing: .03em;
}

.logo-bottom{
  font-size: clamp(22px, 4.5vw, 50px);
  letter-spacing: .06em;
  margin-top: 2px;
}

.logo::before{
  content:"";
  display:block;
  width:90px;
  height:90px;
  border-radius:22px;
  position:absolute;
  transform:translate(-160%, -15%);
  background: radial-gradient(60% 60% at 50% 40%, var(--accent), transparent 60%);
  opacity:.25;
  filter: blur(8px);
  pointer-events:none;
}

.url{
  margin:0;
  font-size: clamp(16px, 2.5vw, 22px);
  color:var(--muted);
}
.url a{
  color:var(--text);
  text-decoration:none;
  border-bottom:1px dotted rgba(255,255,255,.25);
  padding-bottom:2px;
}
.url a:hover{
  color:var(--accent);
  border-bottom-color:var(--accent);
}

.contact{
  display:flex;
  align-items:center;
  gap:10px;
  font-size: clamp(15px, 2.2vw, 20px);
  background: rgba(255,255,255,.03);
  border:1px dashed var(--border);
  padding:10px 14px;
  border-radius:14px;
}
.contact .label{ color: var(--muted); }
.email{
  white-space:nowrap;
  font-weight:600;
  text-decoration:none;
  color:var(--text);
  border-bottom:1px dotted rgba(255,255,255,.25);
}
.email:hover{ color:var(--accent); border-bottom-color: var(--accent); }
.sep{ opacity:.6; margin: 0 2px; }

.biz{
  width:100%;
  text-align:left;
  background: rgba(255,255,255,.03);
  border:1px solid var(--border);
  border-radius:18px;
  padding:18px 18px 6px;
}
.biz h2{
  margin:0 0 12px 0;
  font-size: clamp(16px, 2.5vw, 22px);
  letter-spacing:.02em;
}
.biz .grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px 16px;
}
.biz .grid div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:10px 12px;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  border:1px solid var(--border);
  border-radius:12px;
}
.biz .grid div span{
  color:var(--muted);
}
.biz .grid div strong{
  font-weight:700;
}

.foot{
  margin-top:24px;
  color:var(--muted);
  font-size:14px;
  text-align:center;
}