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