:root{
  --accent:#7c3aed;
  --bg:#faf7ff;
  --text:#0f172a;
  --muted:#475569;
  --card:#ffffff;
  --border:#e6e1ff;
  --shadow: 0 14px 40px rgba(2,8,23,.08);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; color:var(--text);
background: radial-gradient(900px 520px at 15% 0%, rgba(124,58,237,.14), transparent 60%),
radial-gradient(900px 520px at 95% 10%, rgba(34,197,94,.10), transparent 60%),
linear-gradient(180deg,#ffffff 0%, var(--bg) 55%, #ffffff 100%);}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:28px 20px 70px;}
.header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#22c55e); box-shadow:0 18px 42px rgba(124,58,237,.18);}
.brand h1{margin:0;font-size:16px;letter-spacing:.3px}
.pills{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.pill{border:1px solid rgba(15,23,42,.10); background:#fff; padding:8px 10px;border-radius:999px}
.main{margin-top:18px;display:grid;grid-template-columns:.9fr 1.1fr; gap:18px}
.left{background:linear-gradient(180deg, rgba(124,58,237,.06), rgba(34,197,94,.04)); border:1px solid rgba(15,23,42,.10); border-radius:var(--radius); padding:22px; box-shadow: var(--shadow);}
.left h2{margin:0 0 10px;font-size:34px;line-height:1.05}
.left p{margin:0;color:var(--muted);line-height:1.65;font-size:14.5px}
.kpis{display:grid;grid-template-columns:1fr 1fr; gap:10px; margin-top:16px}
.kpi{border:1px solid rgba(15,23,42,.10); background:#fff; border-radius:16px; padding:12px}
.kpi b{display:block;font-size:18px} .kpi span{color:var(--muted);font-size:12px}
.card{background:var(--card); border:1px solid rgba(15,23,42,.10); border-radius:var(--radius); padding:22px; box-shadow: var(--shadow);}
.cardHead{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.cardHead h3{margin:0;font-size:18px} .small{color:var(--muted);font-size:13px}
label{display:block;margin:10px 0 6px;color:var(--muted);font-size:13px}
input,textarea{width:100%;padding:12px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.12); background:#fff; color:var(--text); outline:none; font-size:15px}
input:focus,textarea:focus{border-color:rgba(124,58,237,.45); box-shadow:0 0 0 4px rgba(124,58,237,.12)}
.grid{display:grid;grid-template-columns:1fr 1fr; gap:12px}
textarea{min-height:120px;resize:vertical}
.consent{margin-top:14px;border:1px solid rgba(15,23,42,.12);border-radius:16px;padding:14px;background:#fbfaff;}
.consentRow{display:flex;gap:12px;align-items:flex-start} 
.consentRow input{width:18px;height:18px;margin-top:2px}
.consent p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
button{margin-top:14px;width:100%;border:0;border-radius:16px;padding:13px 16px;font-weight:800;font-size:15px;background:linear-gradient(135deg, var(--accent), #22c55e); color:white; cursor:pointer}
button:hover{filter:saturate(1.05) brightness(1.02)}
footer{margin-top:40px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(15,23,42,.10);padding-top:14px}
@media (max-width:900px){.main{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.left h2{font-size:30px}}