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

body{
background:radial-gradient(circle,#04060c,#010208);
font-family:'Montserrat',sans-serif;
color:#d4af37;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

/* GRID */
.grid{
position:absolute;width:100%;height:100%;
background-image:
linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);
background-size:60px 60px;
}

/* GLOW */
.glow-bg{
position:absolute;width:500px;height:500px;
background:radial-gradient(circle,rgba(212,175,55,0.05),transparent 70%);
}

/* CONTAINER */
.container{text-align:center;z-index:2;}

/* LOGO */
.logo-wrapper{perspective:800px;margin-bottom:40px;}

.logo-symbol{
width:140px;height:140px;border-radius:50%;
border:1.5px solid rgba(212,175,55,0.5);
margin:auto;position:relative;
background:radial-gradient(circle,#010208 60%,transparent);
transition:transform 0.1s linear;
}

.logo-symbol::before{
content:"";position:absolute;inset:10px;
border-radius:50%;
border:1px solid rgba(212,175,55,0.2);
}

.vertical-line{
position:absolute;top:-15px;left:50%;
width:1px;height:40px;
background:linear-gradient(to bottom,#d4af37,transparent);
transform:translateX(-50%);
}
.vertical-line.bottom{
top:auto;bottom:-15px;
background:linear-gradient(to top,#d4af37,transparent);
}

.light-reflection{
position:absolute;width:80px;height:80px;
background:radial-gradient(circle,rgba(255,255,255,0.15),transparent 70%);
mix-blend-mode:screen;
}

/* TEXT */
.logo{
font-size:42px;letter-spacing:10px;font-weight:200;
background:linear-gradient(#f5d77a,#b8962e);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
margin-bottom:15px;
}

.divider{width:30px;height:1px;background:rgba(212,175,55,0.3);margin:0 auto 20px;}
.subtitle{font-size:10px;letter-spacing:4px;color:#7d8291;margin-bottom:40px;}

.cta{
padding:10px 30px;border-radius:40px;
border:1px solid rgba(212,175,55,0.2);
background:rgba(10,12,20,0.5);
letter-spacing:4px;font-size:10px;
}

/* DESKTOP ENHANCEMENTS */
@media (min-width: 768px){
.logo{font-size:64px;letter-spacing:18px;}
.logo-symbol{width:180px;height:180px;}
.subtitle{font-size:12px;letter-spacing:7px;}
.cta{padding:14px 50px;font-size:12px;}
}