body{
	margin:0;
	background:#050505;
	color:#fff;
	font-family:Arial
	}
	
header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 40px;
    background:#111;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.logo-area{
    display:flex;
    align-items:center;
    gap:18px;
}

.logo{
    width:160px;
    height:auto;
    display:block;
}

.logo-text h1{
    margin:0;
    font-size:32px;
    font-weight:700;
    color:white;
}

.logo-text p{
    margin:4px 0 0;
    color:#00d9ff;
    font-size:14px;
}

nav{
    display:flex;
    gap:30px;
}

nav a{
    color:white;
    text-decoration:none;
    transition:.3s;
}

nav a:hover{
    color:#00d9ff;
}

.hero{
	text-align:center;
	padding:60px 20px;
	background:linear-gradient(#050505,#111)
	}

.btn{
	display:inline-block;
	padding:12px 24px;
	background:#00cfff;
	color:#000;
	border-radius:8px;
	text-decoration:none;
	font-weight:bold
	}

.cards{
	display:flex;
	gap:20px;
	flex-wrap:wrap;
	justify-content:center;
	padding:50px
	}
	
.card{
	background:rgba(255,255,255,.08);
	padding:20px;
	border-radius:15px;
	width:260px
	}
	
footer{
	text-align:center;
	padding:30px;
	background:#111
	}

.tv-logo{
    width:220px;
    display:block;
    margin:10px auto 25px;
}

.card-btn{
    display:inline-block;
    margin-top:20px;
    padding:10px 18px;
    background:#ff0000;
    color:#fff;
    border-radius:8px;
    text-decoration:none;
    transition:.3s;
}

.card-btn:hover{
    transform:translateY(-3px);
}