canvas{position:fixed;top:0;left:0}#background{background:linear-gradient(to bottom,#1f203e,#010507);width:100vw;height:100vh}#content{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10;width:90%;max-width:800px;min-width:600px}.header{text-align:center;color:#fff}.header h1{margin-bottom:8px;font-size:2.5rem}.header p{margin-top:0;font-size:1.2rem;opacity:.8}#device-controls{display:flex;width:100%;margin-bottom:0;gap:4px}#device-controls button{flex:1;padding:15px 0;font-size:40px;font-family:Arial,sans-serif;background-color:#333;color:#fff;border:none;border-radius:0;cursor:pointer;transition:background-color .3s ease;text-transform:uppercase}#device-controls button:hover,#device-controls button.active{background-color:#555}#video-container{background-color:#000000b3;padding:15px 20px;width:100%;box-sizing:border-box;min-height:150px}#video-nav{display:flex;justify-content:center;gap:10px;margin-top:15px}#video-nav button{padding:8px 15px;font-size:16px;font-family:Arial,sans-serif;background-color:#333;color:#fff;border:none;border-radius:0;cursor:pointer;transition:background-color .3s ease;text-transform:uppercase}#video-nav button:hover{background-color:#555}#video-description{color:#fff;font-family:Arial,sans-serif;font-size:18px;line-height:1.5;margin:0;text-align:left;min-height:54px}@media (max-width: 650px){#content{min-width:90%;bottom:20px}#device-controls button{font-size:24px;padding:10px 0}.header h1{font-size:1.8rem}}