:root { --overlay: rgba(0,0,0,.55); }
    body {
      min-height:100vh; margin:0;
      color:#e6e8ee; background:#0b1220;
    }
    .hero {
      min-height:100vh;
      display:flex; align-items:center; justify-content:center;
      background-size:cover; background-position:center; background-repeat:no-repeat;
      position:relative;
          }
    .hero::before {
      content:""; position:absolute; inset:0; background:var(--overlay);
    }
    .box {
      position:relative; z-index:1;
      max-width:720px; padding:32px; text-align:center;
      background:#101828cc; /* translucent card */
      border:1px solid #1f2937; border-radius:16px; backdrop-filter: blur(4px);
    }
    .box a { color:#1ea7fd; }
    .logo { display:block; margin:0 auto 10px; height:48px; }