body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#007bff,#00d4ff);display:flex;flex-direction:column;min-height:100vh;margin:0;position:relative;overflow:hidden}body:before{content:"";position:absolute;width:100%;height:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1}#app{width:100%;max-width:600px;padding:20px;box-sizing:border-box;margin:0 auto}#playground{width:100%;box-sizing:border-box;overflow:auto;padding:20px}#app .container{background:#ffffffe6;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center;width:320px;position:relative;margin:20px auto}#app .logo{width:80px;height:80px;display:block;margin:0 auto 10px}#app label{display:block;margin-top:10px;font-weight:700}#app select{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:5px}#app button{width:100%;padding:10px;margin-top:20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s ease-in-out}#app button:hover{background-color:#0056b3}footer{margin-top:auto;width:100%;background:#0000000f;color:#333;text-align:center;padding:16px 0;font-size:15px;letter-spacing:.01em;box-shadow:0 -2px 10px #0000000d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;position:relative}