:root {
    --ink:#e9f4ff;
    --muted:#bcd0ef;
    --line:rgba(255,255,255,.14);
    --bg:radial-gradient(120% 150% at 10% -10%,#0f1834,#0a1229 60%,#070e1f 100%);
    --soft:rgba(255,255,255,.04);
  }
  
  * {
    box-sizing:border-box;
  }
  
  html,
  body {
    height:100%;
  }
  
  body {
    margin:0;
    color:var(--ink);
    background:var(--bg);
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  }
  
  .shell {
    max-width:980px;
    margin:40px auto;
    padding:0 20px 64px;
    display:grid;
    gap:32px;
  }
  
  .mast {
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:16px;
    padding-bottom:14px;
    border-bottom:1px solid var(--line);
  }
  
  .issuer-logo {
    height:36px;
    width:auto;
    object-fit:contain;
    filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));
  }
  
  .mast-right {
    display:grid;
    gap:2px;
    text-align:right;
  }
  
  .issuer-top {
    font-size:.86rem;
    letter-spacing:.2px;
    color:var(--muted);
  }
  
  .issuer-name {
    font-family:"Inter Tight",system-ui,sans-serif;
    font-weight:800;
    letter-spacing:.2px;
  }
  
  .lookup {
    display:grid;
    grid-template-columns:minmax(0, 1.3fr) minmax(0, 1fr);
    gap:32px;
    align-items:center;
  }
  
  .lookup-copy {
    display:grid;
    gap:12px;
  }
  
  .lookup-title {
    margin:0;
    font-family:"Inter Tight",system-ui,sans-serif;
    font-weight:800;
    font-size:clamp(30px, 4vw, 40px);
    letter-spacing:.2px;
  }
  
  .lookup-text {
    margin:0;
    font-size:.98rem;
    line-height:1.6;
    color:#d4e4ff;
    max-width:30rem;
  }
  
  .lookup-hint {
    margin:4px 0 0;
    font-size:.9rem;
    color:var(--muted);
  }
  
  .lookup-hint code {
    background:rgba(255,255,255,.04);
    border-radius:8px;
    padding:3px 8px;
    border:1px dashed rgba(255,255,255,.2);
  }
  
  .lookup-card {
    border-radius:18px;
    border:1px solid var(--line);
    background:linear-gradient(180deg,var(--soft),transparent);
    padding:18px 18px 20px;
    box-shadow:0 18px 40px rgba(0,0,0,.35);
  }
  
  .lookup-form {
    display:grid;
    gap:14px;
  }
  
  .lookup-label {
    font-size:.85rem;
    text-transform:uppercase;
    letter-spacing:.16px;
    color:var(--muted);
    font-weight:600;
  }
  
  .lookup-field-row {
    position:relative;
    display:flex;
    align-items:center;
  }
  
  .lookup-field-icon {
    position:absolute;
    left:11px;
    font-size:1.1rem;
    color:#9fb5e8;
    pointer-events:none;
  }
  
  .lookup-input {
    width:100%;
    padding:10px 12px 10px 36px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(6,10,27,.92);
    color:var(--ink);
    font-size:.95rem;
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
    letter-spacing:.05em;
    outline:none;
    transition:border-color .12s ease, box-shadow .12s ease, background .12s ease;
  }
  
  .lookup-input::placeholder {
    color:rgba(189,206,242,.65);
  }
  
  .lookup-input:focus {
    border-color:rgba(102,255,230,.9);
    box-shadow:0 0 0 1px rgba(102,255,230,.55),0 0 0 6px rgba(70,198,255,.16);
    background:rgba(7,11,30,.98);
  }
  
  .lookup-button {
    margin-top:2px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0.4rem;
    padding:0.55rem 1.3rem;
    border-radius:999px;
    border:none;
    background:#2563eb;
    color:#ffffff;
    font-weight:600;
    font-size:.9rem;
    letter-spacing:.03em;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(37,99,235,.5);
    transition:transform .1s ease, box-shadow .1s ease, background .1s ease;
  }
  
  .lookup-button i {
    font-size:1rem;
  }
  
  .lookup-button:hover {
    transform:translateY(-1px);
    box-shadow:0 11px 26px rgba(37,99,235,.65);
    background:#1d4fd8;
  }
  
  .lookup-button:active {
    transform:translateY(0);
    box-shadow:0 6px 16px rgba(15,76,185,.8);
  }
  
  .lookup-privacy {
    margin:6px 0 0;
    font-size:.78rem;
    color:var(--muted);
  }
  
  .lookup-alert {
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:10px 12px;
    margin-bottom:10px;
    border-radius:12px;
    border:1px solid rgba(248,113,113,.5);
    background:linear-gradient(135deg,rgba(127,29,29,.9),rgba(127,29,29,.8));
    box-shadow:0 10px 24px rgba(0,0,0,.4);
  }
  
  .lookup-alert-icon {
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    border-radius:999px;
    background:rgba(248,113,113,.16);
    color:#fee2e2;
  }
  
  .lookup-alert-icon i {
    font-size:1.1rem;
  }
  
  .lookup-alert-body {
    display:grid;
    gap:4px;
  }
  
  .lookup-alert-title {
    font-weight:700;
    font-size:.9rem;
    color:#fee2e2;
  }
  
  .lookup-alert-text {
    font-size:.85rem;
    color:#fecaca;
  }
  
  .lookup-alert-text code {
    background:rgba(0,0,0,.25);
    border-radius:6px;
    padding:1px 6px;
    border:1px solid rgba(248,250,252,.16);
  }
  
  .footnote {
    color:#dbe8ff;
    opacity:.98;
    font-size:.98rem;
    text-align:center;
    padding-top:14px;
    border-top:1px solid var(--line);
    margin-top:8px;
  }
  
  @media (max-width:880px) {
    .shell {
      margin:20px auto 40px;
    }
  
    .lookup {
      grid-template-columns:1fr;
      gap:22px;
    }
  
    .lookup-copy {
      text-align:center;
      justify-items:center;
    }
  
    .lookup-text {
      max-width:none;
    }
  
    .lookup-card {
      max-width:420px;
      justify-self:center;
    }
  }
  
  @media print {
    body {
      background:#fff;
      color:#111;
    }
  
    .shell {
      padding-bottom:28px;
    }
  
    .lookup-card {
      background:#fff;
      box-shadow:none;
      border-color:#ddd;
    }
  
    .lookup-alert {
      border-color:#e11d48;
      background:#fee2e2;
      color:#7f1d1d;
    }
  
    .footnote {
      border-color:#ddd;
    }
  }