/*
Theme Name: Dragon Hosting Platform
Author: Dragon Hosting
Description: Full Dragon Hosting website theme. Founded March 11, 2026. Reseller of Yours4Hosting.
Version: 1.0
*/

:root{
--dragon-red:#ff3c00;
--dragon-orange:#ff7b00;
--dark-bg:#0b0f18;
--card-bg:#141a26;
}

body{
margin:0;
background:var(--dark-bg);
color:white;
font-family:Poppins, Arial, sans-serif;
}

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 8%;
background:#06090f;
}

header img{
height:60px;
}

nav a{
margin:0 15px;
color:white;
text-decoration:none;
font-weight:500;
}

nav a:hover{
color:var(--dragon-orange);
}

.hero{
height:520px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:linear-gradient(rgba(0,0,0,.85),rgba(0,0,0,.9));
}

.hero h1{
font-size:48px;
margin-bottom:20px;
}

.section{
padding:80px 10%;
text-align:center;
}

.cards{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:30px;
}

.card{
background:var(--card-bg);
padding:30px;
border-radius:10px;
width:260px;
}

.card h3{
margin-top:0;
}

.button{
display:inline-block;
margin-top:20px;
background:linear-gradient(45deg,var(--dragon-red),var(--dragon-orange));
padding:12px 22px;
color:white;
text-decoration:none;
border-radius:6px;
}

footer{
text-align:center;
padding:40px;
background:#06090f;
margin-top:40px;
}