*,*::before,*::after{box-sizing:border-box}
  html,body{margin:0;padding:0}
  html{height:100%}
  :root{--bg:#F5F8FF;--ink:#0A1628;--mute:#5A6B85;--accent:#006AFF;--accent2:#2484FF;--hair:rgba(10,22,40,0.12);--pill:999px}
  body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);
    background-image:radial-gradient(900px 480px at 88% -8%, rgba(0,106,255,0.15), transparent 55%),radial-gradient(700px 420px at -8% 45%, rgba(0,0,0,0.04), transparent 55%);
    min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  .wrap{width:100%;max-width:680px;text-align:center}
  .brand{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-bottom:clamp(24px, 5vh, 42px);font-weight:700;font-size:clamp(26px, 6vw, 30px);letter-spacing:-0.02em;color:var(--ink)}
  .brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(0,0,0,0.08);flex:0 0 auto}
  .card{background:rgba(255,255,255,0.55);border:1px solid var(--hair);border-radius:18px;
    padding:clamp(28px, 6vw, 48px) clamp(18px, 4.5vw, 40px) clamp(24px, 5vw, 44px);
    box-shadow:0 14px 40px rgba(0,0,0,0.09);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px)}
  .tag{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(16px, 3vw, 24px);font-weight:600}
  .tag .pip{width:9px;height:9px;border-radius:50%;background:var(--accent)}
  h1{font-size:clamp(28px, 4.4vw, 40px);line-height:1.18;letter-spacing:-0.03em;margin:0 0 16px;font-weight:700;color:var(--ink);text-wrap:balance}
  h1 em{font-style:normal;color:var(--accent)}
  .line{display:inline}
  p{font-size:clamp(16px, 2.4vw, 18px);line-height:1.55;color:var(--mute);margin:0 auto 28px;max-width:34em}
  .btn-enter{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;font-size:16px;
    min-height:48px;min-width:168px;background:var(--accent);color:#fff;border:none;border-radius:var(--pill);padding:14px 32px;cursor:pointer;
    box-shadow:0 10px 28px -8px rgba(0,0,0,0.28);transition:background .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}
  .btn-enter:hover{background:var(--accent2);transform:translateY(-1px)}
  .btn-enter:disabled{opacity:0.55;cursor:not-allowed;transform:none}
  .foot{margin-top:clamp(20px, 4vh, 32px);font-size:14px;color:var(--mute);opacity:0.8}
  :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
  @media (max-width:560px){
    .line{display:block}
    h1{font-size:clamp(28px, 8.2vw, 34px);line-height:1.16}
    p{margin-bottom:24px}
    .btn-enter{width:100%;max-width:280px}
  }
  @media (max-height:700px){
    .brand{margin-bottom:18px}
    .card{padding:24px 18px 22px}
    h1{margin-bottom:12px}
    p{margin-bottom:18px}
  }