/* Minimal responsive styles for temporary landing page */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #efefef;
  background: radial-gradient(circle at 50% 35%, #2b2b2b 0%, #1f1f1f 45%, #0f0f0f 100%);
  display:flex;
  align-items:center;
  justify-content:center;
}

.wrapper{width:100%;max-width:980px;padding:6vh 1.5rem;text-align:center}
.card{display:flex;flex-direction:column;align-items:center;gap:1.2rem}

.logo{width:clamp(84px,20vw,220px);height:auto;display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.6))}

.brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0.1em;
  margin-top:0.8rem;
  margin-bottom:3rem;
  color:#3c82d7;
  font-family:'Montserrat', 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size:clamp(1.75rem,4vw,2.6rem);
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.brand span{line-height:1}

h1{font-family:'Montserrat', 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:clamp(1.25rem,3.5vw,2.25rem);color:#f2f2f2;font-weight:700;letter-spacing:0.03em}

/* Subtle entrance animation */
.card{opacity:0;transform:translateY(6px);animation:fadeUp 700ms ease forwards 120ms}
@keyframes fadeUp{to{opacity:1;transform:none}}

/* Make sure it looks good on very small screens */
@media (max-width:360px){
  .wrapper{padding:6vh 1rem}
  .logo{width:84px}
}