/* ACUBED Global Services — Coming Soon styles */
:root{
  --bg: #0b0f14;
  --bg-2: #0a0d11;
  --text: #e8eef5;
  --muted: #a3b3c2;
  --accent: #4ea1ff;
  --accent-2: #56d2c3;
  --card: rgba(255,255,255,0.06);
  --border: rgba(255,255,255,0.12);
  --glow: 0 10px 30px rgba(78,161,255,0.25), 0 2px 8px rgba(86,210,195,0.15);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
  background: radial-gradient(1200px 800px at 80% -10%, #0c1f33 0%, #0b0f14 40%, #0a0d11 100%), var(--bg);
}
.bg{
  position:fixed; inset:0; overflow:hidden; pointer-events:none;
  mask-image: radial-gradient(ellipse at 50% 50%, rgba(0,0,0,1) 40%, rgba(0,0,0,0.85) 65%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0) 100%);
}
.container{
  min-height:100dvh;
  display:grid; place-items:center;
  padding: clamp(16px, 4vw, 48px);
}
.logo-wrap{ display:flex; align-items:center; gap:16px; margin-inline:auto; margin-bottom: 18px; user-select:none; }
.logo{
  width:56px; height:56px; border-radius:16px; display:grid; place-items:center;
  font-weight:800; font-size:24px; letter-spacing:0.5px;
  background: linear-gradient(135deg, #153b5c, #0f2538); color:#eaf4ff; border:1px solid #1c3147; box-shadow: var(--glow);
}
.brand h1{ font-size: clamp(22px, 3.2vw, 36px); margin:0; letter-spacing:1px; }
.brand .tagline{ margin:4px 0 0 0; color: var(--muted); font-weight: 500; }
.card{
  width:min(780px, 100%); border:1px solid var(--border);
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.04));
  backdrop-filter: blur(8px); border-radius: 24px; padding: clamp(20px, 4vw, 40px); box-shadow: var(--glow);
}
.card h2{ font-size: clamp(20px, 2.4vw, 28px); margin: 0 0 10px 0; }
.card p{ color:var(--muted); margin: 0 0 16px 0; line-height:1.6 }
.btn{
  display:inline-block; padding: 12px 18px; border-radius: 12px; border:1px solid #2a3d54;
  background: linear-gradient(135deg, rgba(78,161,255,0.15), rgba(86,210,195,0.12));
  text-decoration:none; color:#e8f2ff; font-weight:600;
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35);
}
.btn:hover{ transform: translateY(-1px); box-shadow: 0 10px 26px rgba(0,0,0,0.45) }
.btn:focus{ outline: 2px solid var(--accent); outline-offset: 3px }
.meta{ margin-top: 18px } .small{ font-size: 12px; color:#8899aa }
@media (max-width: 480px){ .logo{ width:48px; height:48px; border-radius:12px; font-size:20px } }