body,html{margin:0;padding:0;font-family:Poppins,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100vh;overflow-x:hidden;background-color:#474787;color:#e0e0e0}@keyframes gradientBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.page-container{display:flex;flex-direction:column;height:100vh;justify-content:center;align-items:center}.qr-container{text-align:center;position:relative;max-width:20em;height:auto;margin:auto;padding:20px;background-color:#333840;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.2)}.text-input{width:100%;margin-top:1em;padding:8px;box-sizing:border-box;background-color:#555;border:none;border-radius:10px;color:#fff;text-align:center}.text-input:focus{background:#353545;outline:none;transform:scale(1.02)}.title{font-size:2em;margin-bottom:1em;font-weight:700;color:#50c6ff}#result{position:relative;display:flex;justify-content:center;align-items:center;margin:1.5em .5em -1em;padding:1em;background-color:rgba(0,0,0,.2);border-radius:10px}#result.hidden{background-color:transparent;padding:0}.download-button{background:linear-gradient(135deg,#0085ff,#00c3ff);margin:2em 1em 1em;padding:12px 24px;font-size:18px;font-weight:700;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background .3s ease,transform .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.3)}.download-button:hover{background:linear-gradient(135deg,#005fbf,#0085ff);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}