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

body{
font-family:Arial,sans-serif;
background:#050505;
color:white;
padding:20px;
}

/* Main */

.main{
max-width:900px;
margin:auto;
}

/* Card */

.card{
background:#111;
border:1px solid #222;
border-radius:24px;
padding:25px;
box-shadow:0 0 40px rgba(255,255,255,0.05);
}

/* Top */

.top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

h1{
font-size:32px;
}

.online{
background:#1a1a1a;
padding:10px 18px;
border-radius:50px;
display:flex;
align-items:center;
gap:10px;
font-weight:bold;
}

.dot{
width:10px;
height:10px;
background:white;
border-radius:50%;
}

/* Text */

h2{
font-size:50px;
line-height:0.95;
margin-bottom:20px;
}

.desc{
color:#bdbdbd;
line-height:1.8;
margin-bottom:25px;
}

/* Visual */

.visual{
height:300px;
background:#0a0a0a;
border-radius:20px;
position:relative;
overflow:hidden;
margin-bottom:25px;
border:1px solid #222;
}

/* Beam */

.beam{
position:absolute;
left:50%;
top:0;
transform:translateX(-50%);
width:14px;
height:100%;
background:white;
box-shadow:0 0 40px white;
}

/* Castle */

.castle{
position:absolute;
bottom:40px;
left:50%;
transform:translateX(-50%);
width:220px;
height:120px;
background:#777;
border-radius:10px;
}

.castle:before{
content:"";
position:absolute;
left:20px;
top:-50px;
width:40px;
height:50px;
background:#666;
}

.castle:after{
content:"";
position:absolute;
right:20px;
top:-50px;
width:40px;
height:50px;
background:#666;
}

/* Button */

.btn{
display:block;
text-align:center;
padding:16px;
background:white;
color:black;
font-weight:bold;
text-decoration:none;
border-radius:14px;
margin-bottom:25px;
}

/* Boxes */

.box{
background:#181818;
padding:18px;
border-radius:16px;
margin-bottom:15px;
border:1px solid #2a2a2a;
}

.box span{
display:block;
font-size:13px;
color:#888;
margin-bottom:8px;
}

.box h3{
font-size:20px;
}

.box ul{
padding-left:20px;
line-height:2;
color:#ddd;
}

/* Mobile */

@media(max-width:700px){

.top{
flex-direction:column;
gap:15px;
align-items:flex-start;
}

h2{
font-size:38px;
}

}