:root{
  --bg:#f7f8fb;
  --card:#ffffff;
  --accent:#ff6a00; /* cor exemplo Vagazzone */
  --muted:#6b7280;
  --radius:14px;
  --maxw:920px;
  --logo-h:56px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:linear-gradient(180deg, #fbfcff 0%, var(--bg) 100%);
  color:#0f172a;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:32px;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  min-height:100vh;
}
.container{width:100%;max-width:var(--maxw);display:grid;grid-template-columns:420px 1fr;gap:28px;align-items:start}
.header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.logo{height:var(--logo-h)}
.brand-title{font-weight:700;font-size:20px}
.card{background:var(--card);border-radius:var(--radius);box-shadow:0 6px 30px rgba(15,23,42,0.06);padding:22px}
.h1{font-size:20px;margin:0 0 8px 0}
.p-muted{color:var(--muted);margin:0 0 14px 0}
.form-row{display:flex;gap:12px;margin-bottom:12px}
.input,textarea,select{width:100%;padding:12px;border:1px solid #e6e9ef;border-radius:10px;font-size:14px}
textarea{min-height:120px;resize:vertical}
.btn{
  background:var(--accent);color:#fff;padding:12px 16px;border-radius:10px;border:0;font-weight:600;cursor:pointer;
  box-shadow:0 6px 20px rgba(255,106,0,0.18)
}
.small{font-size:13px;color:var(--muted)}
.sidebar-note{font-size:14px;color:var(--muted);line-height:1.5}
.tag{display:inline-block;background:#f1f5f9;color:#0f172a;padding:6px 10px;border-radius:999px;font-size:13px;margin:6px 6px 0 0}
@media (max-width:980px){
  .container{grid-template-columns:1fr; padding-bottom:40px}
}