:root {
  --bg:#0d0f17;
  --panel:#161b25;
  --text:#f4f7fa;
  --accent:#6bf7ff;
  --accent-glow:#6bf7ff40;
  --warn:#ffce47;
  --mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --radius:14px;
  --focus:0 0 0 3px var(--accent-glow),0 0 0 1px var(--accent);
  color-scheme: dark;
}
*{box-sizing:border-box;}
body {
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;
  background:linear-gradient(145deg,#0d0f17,#1c2432 50%,#0d0f17);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
header,main,footer{max-width:860px;margin:0 auto;padding:1.5rem;}
header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;}
nav a{
  text-decoration:none;
  color:var(--accent);
  padding:.4rem .8rem;
  border-radius:var(--radius);
  font-weight:500;
  transition:.2s background;
}
nav a:hover,nav a:focus{background:var(--panel);outline:none;}
h1,h2,h3{line-height:1.2;font-weight:600;margin:1.2em 0 .5em;}
p{margin:.8em 0;}
a{color:var(--accent);}
code,kbd{font-family:var(--mono);background:#222b38;padding:.15em .4em;border-radius:6px;font-size:.9em;}
.panel{
  background:var(--panel);
  padding:1.25rem 1.5rem;
  border-radius:var(--radius);
  box-shadow:0 2px 6px -2px #0008,0 0 0 1px #202a38;
  backdrop-filter:blur(6px);
}
.grid{display:grid;gap:1rem;}
ul,ol{padding-left:1.3rem;}
.badge{
  display:inline-block;
  background:#222b38;
  padding:.25rem .6rem;
  border-radius:999px;
  font-size:.7rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--accent);
  font-weight:600;
  vertical-align:middle;
}
.warning{border-left:4px solid var(--warn);padding:.6rem .9rem;background:#302600;border-radius:8px;margin:1rem 0;font-size:.95rem;}
footer{font-size:.8rem;opacity:.75;text-align:center;margin-top:3rem;}
input[type=text],input[type=tel]{
  background:#222b38;
  border:1px solid #2e3947;
  color:var(--text);
  padding:.6rem .75rem;
  border-radius:10px;
  width:100%;
  font:inherit;
}
input:focus{outline:none;box-shadow:var(--focus);}
button{
  background:var(--accent);
  color:#012025;
  border:none;
  padding:.7rem 1.1rem;
  font:600 1rem system-ui;
  border-radius:12px;
  cursor:pointer;
  transition:.2s box-shadow,.2s transform;
}
button:hover{box-shadow:0 0 0 3px var(--accent-glow);}
button:active{transform:translateY(1px);}
::selection{background:#36d5e3;color:#042226;}
@media (max-width:640px){
  header,main,footer{padding:1.1rem;}
  h1{font-size:1.9rem;}
}
.skip{
  position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip:focus{
  left:1rem;top:1rem;width:auto;height:auto;background:var(--panel);padding:.6rem 1rem;z-index:1000;
  box-shadow:var(--focus);
}