:root{
  --bg:#ffffff; --card:#ffffff; --text:#111111; --muted:#555555; --border:#dddddd;
  --accent-orange:#F9931F; --accent-green:#7CDA24;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; padding:40px 20px; background:var(--bg);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:var(--text);
}
.container{ max-width:860px; margin:0 auto }
.card{
  background:var(--card); border:1px solid var(--border);
  border-radius:0; box-shadow:none; overflow:hidden;
}
.header{
  padding:20px 24px; border-bottom:1px solid var(--border);
  display:flex; align-items:center; justify-content:space-between;
  background:#fff; color:var(--text);
}
.title{ font-size:20px; font-weight:700; letter-spacing:.2px }
.content{ padding:24px; display:grid; gap:16px }
.field{ display:grid; gap:6px }
label{ font-size:14px; color:var(--muted) }
input[type="text"], input[type="url"], input[type="password"], select{
  width:100%; background:#fff; color:var(--text); border:1px solid var(--border); border-radius:0; padding:10px 12px; outline:none;
}
input:focus,select:focus{ border-color:#999 }
.row{ display:grid; grid-template-columns:1fr 1fr; gap:16px }
.actions{ display:flex; gap:10px; margin-top:8px }
.button{
  border:0; padding:10px 14px; cursor:pointer; font-weight:700; border-radius:0;
  text-decoration:none; color:#fff; display:inline-block;
}
.button:hover,.button:focus,.button:visited{ text-decoration:none; color:#fff }
.button-orange{ background:var(--accent-orange) }
.button-green{ background:var(--accent-green) }
.note{ font-size:13px; color:var(--muted) }
.alert{
  padding:10px 12px; border-radius:0; font-size:14px; border:1px solid #999; background:#f7f7f7; color:#111;
}
.alert.error{ border-color:#cc0000; background:#fff3f3; color:#700 }
footer{ margin-top:20px; text-align:center; font-size:12px; color:#333 }
.link{ color:#000; text-decoration:underline }


/* Brand badge bottom-right inside card */
.card{ position:relative; }
.brand{
  position:absolute; right:12px; bottom:12px;
}
.brand img{ width:140px; height:auto; display:block }
.brand a{ text-decoration:none; border:0 }