/* LaudEye Quick Site — Carbon-Real Matte */
:root{
  --bg:#12161B;
  --surface:#1C1F24;
  --border:#2B2F36;
  --primary:#0A5C74;
  --primary-hover:#0E748F;
  --focus:#45E1FF;
  --text:#E6EDF3;
  --muted:#9EC7E5;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.container{max-width:1024px;margin:0 auto;padding:24px}
.card{
  background:var(--surface); border:1px solid var(--border);
  border-radius:16px; padding:24px; box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.logo{display:flex;align-items:center;gap:12px}
.logo svg{height:40px}
.btn{
  display:inline-block; padding:12px 18px; border-radius:14px; text-decoration:none;
  background:var(--primary); color:white; border:1px solid #0a4b5e; font-weight:600;
}
.btn:hover{background:var(--primary-hover)}
.grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}}
.footer{
  margin-top:32px; font-size:14px; color:#c9d2da; display:flex; gap:16px; flex-wrap:wrap;
}
a{color:var(--muted)}
a:focus,button:focus{outline:3px solid var(--focus); outline-offset:2px}
h1,h2{margin:0 0 8px 0}
.hint{color:#c9d2da}
.badge{background:#0b2230;border:1px solid var(--border);padding:6px 10px;border-radius:12px;font-size:12px}