body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; margin:0; background:#0b0b0c; color:#f5f5f7}
a{color:inherit}
.wrap{max-width:1100px; margin:0 auto; padding:1rem}
.top{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.14)}
.card{background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:1rem; margin:1rem 0}
.grid{display:grid; grid-template-columns: 1fr 2fr; gap:1rem}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
label{display:block; font-size:.95rem; opacity:.9; margin:.6rem 0 .25rem}
input[type=text], input[type=password], textarea, select{
  width:100%; padding:.7rem .75rem; border-radius:12px; border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.35); color:#f5f5f7
}
textarea{min-height:320px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
small{opacity:.7}
.btn{
  display:inline-block; padding:.65rem .9rem; border-radius:12px;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,122,24,.14);
  color:#f5f5f7; cursor:pointer; text-decoration:none
}
.btn:hover{background:rgba(255,122,24,.22)}
.btn.ghost{background:transparent}
.row{display:flex; gap:.6rem; flex-wrap:wrap; align-items:center}
.bad{color:#ffb4a6}
.ok{color:#b7f7c2}
.hr{height:1px; background:rgba(255,255,255,.14); margin:1rem 0}
.code{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background:rgba(0,0,0,.35); padding:.4rem .5rem; border-radius:10px; border:1px solid rgba(255,255,255,.14)}