*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0}body{min-height:100vh;min-height:100svh;background:#000;background-image:radial-gradient(#48484a 5%,transparent 50%);background-size:5px 5px;background-attachment:fixed;font-family:monospace;color:#fff;display:grid;place-items:center;padding:16px;overflow-x:hidden}.container{width:100%;max-width:720px;margin:auto}.card{position:relative;width:100%;padding:20px;border-radius:20px;background:rgba(15,15,17,.88);border:1px solid rgba(255,255,255,.13);box-shadow:0 15px 45px rgba(0,0,0,.55),0 0 30px rgba(255,255,255,.035);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.title{width:100%;margin:0;color:#fff;font-size:clamp(19px,4.5vw,29px);font-weight:700;line-height:1.5;letter-spacing:1.5px;text-shadow:0 0 15px rgba(255,255,255,.15)}.video-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#000;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 25px rgba(0,0,0,.5),0 0 18px rgba(255,255,255,.035);transition:border-color .3s ease,box-shadow .3s ease}.video-container:hover{border-color:rgba(255,255,255,.3);box-shadow:0 8px 30px rgba(0,0,0,.6),0 0 20px rgba(255,255,255,.07)}.video-container iframe{display:block;width:100%;height:100%;border:0}.copyright{margin:0;padding:0;font-size:11px;letter-spacing:1.5px;color:#929292}@media (max-width:480px){body{padding:14px}.card{padding:15px;border-radius:17px;gap:14px}.title{font-size:20px;letter-spacing:1px}.video-container{border-radius:11px}.copyright{font-size:10px}}