:root{--a:#0b5563;--b:#2a9d8f}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,sans-serif;color:#1d1b20;background:#fffbf7;line-height:1.6}
header{background:linear-gradient(135deg,var(--a),var(--b));color:#fff;padding:96px 24px;text-align:center}
header h1{font-size:2.8rem;letter-spacing:-.02em}
header p{opacity:.9;font-size:1.15rem;margin-top:12px}
main{max-width:960px;margin:0 auto;padding:56px 24px}
h2{font-size:1.6rem;margin:40px 0 16px;color:var(--a)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.07)}
.card h3{margin-bottom:8px}
.price{float:right;color:var(--a);font-weight:700}
footer{text-align:center;padding:32px;color:#6b6660;font-size:.9rem}
form{display:grid;gap:12px;max-width:420px}
input,textarea{padding:12px;border:1px solid #ddd;border-radius:10px;font:inherit}
button{background:var(--a);color:#fff;border:0;padding:12px 24px;border-radius:10px;font-weight:700;cursor:pointer}
.badge{display:inline-block;background:#fff3;border:1px solid #fff6;border-radius:999px;padding:4px 14px;font-size:.85rem;margin-top:16px}