*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  cursor: none;
}

body{
  min-height:100vh;
  overflow:hidden;
  font-family:Inter,sans-serif;
  background:#000;
  color:#fff;
  user-select:none;
  cursor:none;
}

.cursor{
  width:20px;
  height:20px;
  border:2px solid #fff;
  border-radius:50%;
  position:fixed;
  top:0;
  left:0;
  pointer-events:none;
  transform:translate(-50%,-50%);
  transition:transform .15s ease;
  z-index:2147483647;
}

.enter{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
  z-index:100;
  cursor:none;
  transition:opacity .8s ease, visibility .8s ease;
}

.enter.hidden{
  opacity:0;
  visibility:hidden;
}

.enter-text{
  font-size:14px;
  letter-spacing:.2em;
  color:rgba(255,255,255,0.7);
  text-transform:uppercase;
}

.video{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity 1.2s ease;
  z-index:-3;
}

.video.show{
  opacity:.35;
  z-index:-1;
}

.overlay{
  position:fixed;
  inset:0;
  background:radial-gradient(circle at top,#111,#000);
  z-index:-2;
}

.container{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
}

.card{
  padding:40px;
  border-radius:26px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  backdrop-filter:blur(18px);
  width:360px;
  text-align:center;
}

.pfp{
  width:90px;
  height:90px;
  border-radius:50%;
  margin-bottom:12px;
}

h1{
  font-family:"Space Grotesk",sans-serif;
  font-size:3.4rem;
}

h1 span{
  color:#22c55e;
}

.bio{
  font-size:.9rem;
  color:#777;
  margin-bottom:22px;
}

.icon-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px;
  width: 100%;
}

.icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform-origin: center;
}

.icon svg {
  width: 22px;
  height: 22px;
  display: block;
  transform-origin: center;
}

.icon:hover {
  transform: scale(1.25);
  opacity: 0.85;
  cursor: none;
}
.tagline{
  position:fixed;
  bottom:18px;
  left:50%;
  transform:translateX(-50%);
  font-size:.8rem;
  color:#666;
}

.version{
  color:#22c55e;
}