body{margin:0;font-family:Arial,sans-serif;color:#fff;background:radial-gradient(circle at 20% 20%,#1a0036,transparent 60%),radial-gradient(circle at 80% 80%,#002d40,transparent 60%),radial-gradient(circle at 50% 50%,#4b004e,transparent 60%),#0c0c0f;background-size:300% 300%;animation:bgMove 14s ease-in-out infinite}@keyframes bgMove{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.container{text-align:center;padding:20px}h1{color:#fff}textarea{width:80%;height:70px;padding:10px;font-size:18px;border-radius:6px;border:2px solid #ffffff70;background:#0006;color:#fff;outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}select{padding:8px;border-radius:8px;font-size:16px;background:#00000080;color:#fff;border:1px solid #ffffff50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview{width:80%;margin:20px auto;padding:25px;font-size:28px;min-height:60px;border-radius:14px;border:2px solid #ffffff30;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.neon{box-shadow:0 0 18px #d300ff80,0 0 35px #00eaff80}button{padding:10px 18px;margin-top:10px;font-size:16px;border-radius:6px;background:#ffffff1a;border:1px solid #ffffff80;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:.3s}button:hover{background:#fff;color:#000}