*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,body{
    width:100%;
    min-height:100%;
    overflow-x:hidden;
    font-family:Arial, Helvetica, sans-serif;
}

body{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px 20px;

    background:
    radial-gradient(circle at left,#ff8c1a33 0%,transparent 35%),
    radial-gradient(circle at right,#1ea7ff33 0%,transparent 35%),
    linear-gradient(135deg,#06134d,#0b227d,#123db5);
}

/* Left Glow */
body::before{
    content:"";
    position:fixed;
    left:0;
    top:0;
    width:220px;
    height:100%;
    background:linear-gradient(to right,#ff7b00,transparent);
    opacity:.15;
    pointer-events:none;
}

/* Right Glow */
body::after{
    content:"";
    position:fixed;
    right:0;
    top:0;
    width:220px;
    height:100%;
    background:linear-gradient(to left,#2aa8ff,transparent);
    opacity:.15;
    pointer-events:none;
}

.poster-container{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.poster{
    width:100%;
    max-width:720px;
    height:auto;
    display:block;
    border-radius:20px;

    box-shadow:
    0 0 40px rgba(0,0,0,.35),
    0 0 80px rgba(255,140,0,.12);

    transition:.3s;
}

.poster:hover{
    transform:scale(1.01);
}

@media(max-width:768px){

body{
    padding:0;
    background:#081760;
}

body::before,
body::after{
    display:none;
}

.poster{
    width:100%;
    max-width:100%;
    border-radius:0;
    box-shadow:none;
}

}