*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#020711}
body{overflow:hidden}
.page{position:relative;width:100%;height:100svh;min-height:520px;overflow:hidden;background:#020711}
.background{position:absolute;inset:-8%;background:radial-gradient(circle at 50% 45%,#06315f 0,#03182f 36%,#020711 74%);filter:blur(22px)}
.image{position:absolute;inset:0;background-image:url("assets/jebak-hero.png");background-repeat:no-repeat;background-size:cover;background-position:center 62%}
.overlay{position:absolute;inset:0;pointer-events:none;background:
linear-gradient(90deg,rgba(0,4,12,.32),transparent 27%,transparent 73%,rgba(0,4,12,.36)),
linear-gradient(180deg,rgba(0,3,10,.12),transparent 30%,transparent 72%,rgba(0,3,10,.38))}
@media(max-width:700px){
 .image{background-position:center center;background-size:cover}
 .overlay{background:linear-gradient(180deg,rgba(0,3,10,.18),transparent 30%,transparent 68%,rgba(0,3,10,.42))}
}
@media(max-width:430px){
 .image{background-position:center center}
}