:root{--p:#5b21b6;--s:#7c3aed;--bg:#f8fafc;--txt:#0f172a;--muted:#64748b;--ok:#16a34a}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--txt)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:#fff;box-shadow:0 8px 25px #0001;position:sticky;top:0;z-index:9}.brand{font-weight:800;color:var(--p);font-size:24px;text-decoration:none}.nav a{margin:0 10px;color:#111;text-decoration:none}.btn,button,input[type=submit]{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;border:0;border-radius:12px;padding:12px 18px;text-decoration:none;cursor:pointer;font-weight:700}.hero{padding:70px 7%;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.hero h1{font-size:46px;line-height:1.05}.card,.panel{background:#fff;border-radius:22px;padding:24px;box-shadow:0 14px 45px #00000012}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px 7%}.form{max-width:500px;margin:40px auto}.form input,.form select,.form textarea{width:100%;padding:13px;margin:8px 0 14px;border:1px solid #ddd;border-radius:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.badge{padding:6px 10px;border-radius:999px;background:#eef2ff}.wrap{padding:30px 7%}footer{text-align:center;color:var(--muted);padding:30px}@media(max-width:800px){.hero,.grid{grid-template-columns:1fr}.hero h1{font-size:34px}.nav{padding:0 15px}.nav a{margin:0 4px}}