:root{--bg:#070b16;--ink:#eef2f8;--muted:#b4bccb;--accent:#7cc4ff;--line:rgba(255,255,255,.09)}
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh;
    display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;position:relative;overflow-x:hidden}
  .bg{position:fixed;inset:0;z-index:-2;background:var(--gate-bg) center/cover no-repeat}
  .bg::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 40%,rgba(7,11,22,.35),rgba(7,11,22,.88)),linear-gradient(180deg,rgba(7,11,22,.55),rgba(7,11,22,.75))}
  .gate{width:100%;max-width:620px;background:rgba(12,17,32,.74);border:1px solid var(--line);border-radius:18px;
    padding:38px 34px 32px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .logo{display:inline-block;background:#fff;border-radius:14px;padding:16px 26px;border:2px solid rgba(124,196,255,.55);box-shadow:0 0 0 6px rgba(124,196,255,.08)}
  .logo img{display:block;width:200px;height:auto}
  h1{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:700;font-size:clamp(38px,6.5vw,56px);letter-spacing:.02em;text-transform:uppercase;line-height:1;margin:28px 0 20px}
  h1 b{color:var(--accent);font-weight:700}
  p.lead{font-size:16.5px;line-height:1.7;color:var(--muted);max-width:480px;margin:0 auto}
  p.lead strong{color:var(--ink);font-weight:600}
  .enter{display:block;width:100%;max-width:420px;margin:30px auto 0;padding:19px 20px;border:0;border-radius:11px;cursor:pointer;
    font-family:"Barlow Condensed",Impact,sans-serif;font-weight:700;font-size:21px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:#0b1a33;
    background:linear-gradient(135deg,#d7ecff 0%,#9ed0ff 55%,#6cb6ff 100%);box-shadow:0 10px 30px rgba(108,182,255,.35),inset 0 1px 0 rgba(255,255,255,.7);
    transition:transform .18s,box-shadow .18s}
  .enter:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(108,182,255,.45),inset 0 1px 0 rgba(255,255,255,.7)}
  .note{margin-top:16px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#8d96a8}
  .badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0}
  .badge{font-size:12.5px;font-weight:600;color:var(--ink);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:100px;padding:9px 16px}
  .badge em{font-style:normal;color:var(--accent);margin-right:4px}
  footer{margin-top:40px;text-align:center;font-size:12.5px;line-height:1.7;color:#8d96a8}
  footer a{color:#aab3c3;text-decoration:none}
  @media(max-width:520px){.gate{padding:30px 20px 26px;border-radius:16px}.logo img{width:170px}.enter{font-size:19px;padding:17px 16px}.badges{gap:8px}.badge{font-size:12px;padding:8px 13px}}