*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f8eeee;color:#4b3b3b}
.hero{background:linear-gradient(180deg,#eadcdc,#f6eaea);text-align:center;padding:34px 18px 26px;border-bottom:1px solid #e6d5d5}
.hero h1{margin:0;font-size:32px;color:#3d2f2f}
.hero p{max-width:680px;margin:12px auto 0;line-height:1.55;font-size:16px}
.container{max-width:760px;margin:auto;padding:18px}
.card{background:white;border-radius:22px;padding:22px;margin:18px 0;box-shadow:0 4px 16px rgba(0,0,0,.08);border:1px solid #f0e5e5}
h2{margin:0 0 12px;color:#604747;font-size:23px}
p{line-height:1.5}
label{display:block;margin-top:12px;font-weight:bold}
input,textarea{width:100%;padding:13px;margin-top:6px;border:1px solid #d8c4c4;border-radius:12px;font-size:16px;background:white;color:#4b3b3b}
textarea{min-height:90px;resize:vertical}
button{width:100%;margin-top:16px;padding:14px;border:none;border-radius:14px;background:#7b5e5e;color:white;font-size:17px;font-weight:bold;cursor:pointer}
button:active{background:#654b4b}
.result{margin-top:16px;padding:15px;background:#f8eeee;border-radius:14px;border:1px solid #eadada;line-height:1.55}
.warning{background:#fff7f7;border:1px solid #e7cccc;border-radius:18px;padding:18px;margin:20px 0;line-height:1.5;font-size:14px}
footer{text-align:center;padding:26px 18px 35px;color:#796969;font-size:14px}