*{box-sizing:border-box}body{margin:0;font:16px Arial;color:#222}header{padding:18px 7%;display:flex;justify-content:space-between;border-bottom:1px solid #eee}.logo{color:#138a4b;font-size:25px}nav a{margin:8px;text-decoration:none;color:#222;font-weight:bold}.hero{padding:80px 8%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#effff5,#fff,#f7efff);min-height:520px}.hero h1{font-size:55px}.hero h1 span{color:#138a4b}.visual{background:#138a4b;color:#fff;padding:80px;border-radius:25px;font-size:55px}.visual b{display:block;font-size:28px}section{padding:65px 8%}h2{font-size:36px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:24px;border:1px solid #eee;border-radius:16px;box-shadow:0 5px 20px #0001}form{max-width:650px;display:grid;gap:12px}input,select,textarea{padding:14px;border:1px solid #ccc;border-radius:8px;font:inherit}textarea{min-height:110px}.btn{background:#138a4b;color:#fff;border:0;border-radius:9px;padding:14px 20px;text-decoration:none;font-weight:bold;cursor:pointer}.box{max-width:600px;margin:8vh auto;padding:35px;text-align:center}.err{color:#a00}.table{overflow:auto}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:10px}footer{padding:30px;background:#111;color:#fff;text-align:center}@media(max-width:800px){.hero{display:block}.hero h1{font-size:42px}.visual{margin-top:30px}.grid{grid-template-columns:1fr}header{display:block}nav{margin-top:12px}}