*{box-sizing:border-box}body{text-align:center;color:#f5d0d0;background:linear-gradient(160deg,#0a0000 0%,#1a0000 40%,#2d0000 70%,#0a0000 100%);max-width:600px;min-height:100vh;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1{color:#b03030;text-shadow:0 0 14px #a0282866;letter-spacing:1px}p{color:#7a5050}textarea{color:#e8c8c8;resize:vertical;background:linear-gradient(#150000,#1f0000);border:1px solid #5a1a1a;border-radius:5px;outline:none;width:100%;height:100px;margin:10px 0;padding:10px;font-size:16px}textarea:focus{border-color:#8b2020;box-shadow:0 0 8px #8c28284d}button{color:#e8c8c8;cursor:pointer;background:linear-gradient(135deg,#5a1010,#8b2020);border:1px solid #6b1a1a;border-radius:5px;padding:10px 28px;font-size:16px;font-weight:700;transition:box-shadow .2s,opacity .2s}button:hover{opacity:.9;box-shadow:0 0 10px #8c282866}#resultat{text-align:left;color:#f5d0d0;background:linear-gradient(#150000,#1f0000);border:1px solid #6b0000;border-radius:5px;min-height:50px;margin-top:20px;padding:15px}