@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.containerr{background:#000;background:radial-gradient(circle,#000 0,#066b95 80%,#eef0f1 100%);padding-top:20px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding-bottom:20px}.card{width:70%;height:60vh;border-radius:15px;position:relative;padding:20px;color:#fff;background:#000;background:linear-gradient(75deg,#000,#424242 71%,#000);box-shadow:0 17px 35px 1px rgba(0,0,0,.6);overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.date{font-size:1.2em;font-weight:700;color:#fff;width:50%}.nav a{color:#fff;text-decoration:none;margin:0 10px}.nav .live{color:#64e9ee}.content{text-align:center;margin-bottom:40px;height:70%;overflow:hidden;display:flex;flex-direction:column;align-items:center}.title{font-size:4em;font-weight:700;color:#64e9ee;margin-bottom:10px;font-family:Permanent Marker,cursive}.subtitle{font-size:1.2em;color:#fff;width:90%;height:80%;text-overflow:clip}.layout-btn{position:absolute;bottom:20px;left:20px;background-color:#64e9ee;color:#000;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1em}.layout-btn:hover{background-color:#51bdc1}