:root{ --bg:#f6f8fa; --card:#ffffff; --accent:#2b6cb0 }
*{box-sizing:border-box}
body{font-family:Segoe UI, Roboto, Arial; background:var(--bg); margin:0; padding:24px}
.container{max-width:680px;margin:40px auto;padding:24px;background:var(--card);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
h1{margin-top:0;color:var(--accent)}
label{display:block;margin-top:12px;font-weight:600}
input,textarea{width:100%;padding:8px;margin-top:6px;border:1px solid #d0d7de;border-radius:6px}
button{margin-top:14px;padding:10px 14px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}
#result{margin-top:14px}