body{margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif;background:linear-gradient(to right,#1c1c1c,#a7a0a0);color:#000}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5em;color:#000;text-align:center}.loader:before{content:"";display:block;margin:0 auto 20px;width:50px;height:50px;border:5px solid rgba(202,193,192,.56);border-top:5px solid #000000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{position:absolute;top:50%;left:50%;width:90%;height:90%;background-color:#000;border:2px solid red;border-radius:15px;transform:translate(-50%,-50%);box-sizing:border-box;overflow:hidden}.title{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:2em;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.subtitle{position:absolute;top:60px;left:50%;transform:translate(-50%);font-size:1em;color:#ccc;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.controls{position:absolute;bottom:20px;right:20px;background:#00000080;padding:10px;border-radius:8px;font-size:.9em;color:#fff;text-align:right}button{background-color:#060606;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;margin:5px}button:hover{background-color:#777}