body{color:#f1f1f1;z-index:0;background:linear-gradient(270deg,#0f2027,#203a43,#2c5364,#6a11cb,#2575fc) 0 0/1000% 1000%;border-radius:1rem;width:600px;margin:3rem auto;padding:10px;font-family:Arial,sans-serif;font-size:21px;animation:30s infinite gradientFlow;position:relative;overflow:hidden}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body:before{content:"";z-index:-1;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:8s infinite alternate pulseGlow;position:absolute;top:-50%;left:-50%}@keyframes pulseGlow{0%{opacity:.4;transform:scale(1)rotate(0)}to{opacity:.7;transform:scale(1.5)rotate(360deg)}}label{margin-bottom:8px;font-size:20px;display:block}select{border:3px solid #172635;border-radius:10px;width:100%;height:5vh;margin-bottom:1rem;padding:5px;font-size:20px;font-weight:700}.container-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#54687099;border:2px solid #fff3;border-radius:1rem;flex-direction:column;gap:6px;max-height:88vh;padding:1rem 1rem 2rem;position:relative;overflow-y:auto;box-shadow:0 8px 24px #0006}textarea{resize:none;box-sizing:border-box;color:#1a1a1a;background-color:#ffffffd9;border:3px solid #172635;border-radius:10px;width:100%;height:20vh;padding:10px;font-size:20px;overflow-y:auto}.text-form{font-size:25px;font-weight:700}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a4574,#055268);border:none;border-radius:12px;width:22em;height:7vh;margin-top:2px;padding:10px;font-size:25px;font-weight:700;transition:all .3s;box-shadow:0 0 10px #00c6ffcc}button:hover{background:linear-gradient(135deg,#014894,#035b79);box-shadow:0 0 20px #053c4b}p{font-size:22px;font-weight:700}#replyBox{margin-top:15px}.suggestion{background-color:#dfdede;border:1px solid #ddd;border-radius:8px;width:10em;margin-bottom:8px;padding:8px}.copyBtn{color:#fff;cursor:pointer;background:#011327;border-radius:5px;margin-top:5px;padding:4px 8px;font-size:12px}.copyBtn:hover{background:#040e1a}@media (max-width:768px){body{width:100%;margin:1.5rem auto;font-size:18px}.container-form{border-radius:.8rem;max-height:85vh;padding:.8rem}textarea{height:18vh;font-size:18px}select{height:8vh;font-size:18px}button{width:100%;height:8vh;font-size:20px}p,.text-form{font-size:20px}}@media (max-width:480px){body{margin:1rem auto;padding:5px;font-size:16px}.container-form{border-radius:.6rem;max-height:80vh;padding:.6rem}textarea{height:15vh;font-size:16px}select{height:10vh;padding:4px;font-size:18px}button{width:100%;height:10vh;font-size:18px}p,.text-form{font-size:18px}}