:root { --bg:#CEAF94; --violett:#681088; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui, Segoe UI, Roboto, Arial;background:var(--bg)}
header{background:var(--violett);color:#fff;padding:16px}
.container{max-width:960px;margin:0 auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:#fff;border-radius:12px;padding:16px;text-decoration:none;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.card:hover{transform:translateY(-2px)}
button{background:var(--violett);color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}
textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #bbb;
  border-radius: 8px;
  min-height: 160px;
  font-size: 1.05rem;
  line-height: 1.45;
  font-family: "Segoe UI", system-ui, sans-serif;
  color: #111;
  background-color: #fffdf9;
}
.feedback{background:#fff;padding:12px;border-left:4px solid var(--violett);border-radius:8px;margin-top:12px}
a{color:#111}