.main{
  position:relative;z-index:1;flex:1;display:flex;align-items:center;
  justify-content:center;padding:2rem;
}
.container{text-align:center}
.logo{
  font-size:3.5rem;font-weight:800;letter-spacing:-.04em;
  background:linear-gradient(135deg,#e0e7ff 0%,#a78bfa 50%,#7c3aed 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.logo .dot{
  display:inline-block;width:10px;height:10px;border-radius:50%;
  background:#7c3aed;margin-left:2px;vertical-align:super;
  box-shadow:0 0 20px rgba(124,58,237,.6);
  animation:pulse 2s ease-in-out infinite;
}
.tagline{
  margin-top:1.5rem;font-size:1.15rem;font-weight:300;
  color:rgba(255,255,255,.5);letter-spacing:.08em;text-transform:uppercase;
}
.line{
  width:60px;height:2px;margin:2rem auto;
  background:linear-gradient(90deg,transparent,#7c3aed,transparent);
}
.sub{font-size:.95rem;color:rgba(255,255,255,.35);font-weight:300}
@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.4;transform:scale(.8)}
}