*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:Montserrat,sans-serif;background:#111;overflow:hidden}
body{position:relative;color:#fff}
.bg{position:absolute;inset:0;background:
linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),
radial-gradient(circle at center,#2b2b2b 0%,#151515 70%,#0b0b0b 100%)}
.bg:before,.bg:after{content:'';position:absolute;bottom:-10%;width:42%;height:75%;
background:linear-gradient(180deg,#3d3d3d,#111);opacity:.7}
.bg:before{left:-8%;transform:skewX(38deg)}
.bg:after{right:-8%;transform:skewX(-38deg)}
.overlay{position:absolute;inset:0;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.25) 100%)}
main{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.logo{width:120px;margin-bottom:40px}
h1{font-size:90px;font-weight:200;letter-spacing:18px}
h1 span{color:#74b84a}
.line{width:90px;height:2px;background:#74b84a;margin:34px 0}
p{font-size:28px;font-weight:300;letter-spacing:8px;color:#e8e8e8}
footer{position:absolute;bottom:28px;width:100%;text-align:center;color:#bfbfbf;z-index:2}
@media(max-width:768px){h1{font-size:54px;letter-spacing:8px}p{font-size:18px;letter-spacing:4px}.logo{width:90px}}