body{
    margin:0;
    font-family:Arial, sans-serif;
    background:#000;
    color:white;
}

/* HEADER */
header{
    text-align:center;
    padding:25px 20px;
    border-bottom:2px solid #E06000;
}

/* LOGO */
.logo img{
    width:140px;
    margin-bottom:10px;
    filter: drop-shadow(0 0 10px #E06000);
}

h1{
    margin:0;
    color:#E06000;
    font-size:32px;
}

header p{
    color:#60C020;
    margin-top:5px;
}

/* BUTTON AREA */
.container{
    display:flex;
    justify-content:center;
    gap:25px;
    margin:80px 0;
    flex-wrap:wrap;
}

.card-btn{
    width:260px;
    padding:25px;
    border-radius:12px;
    border:1px solid #222;
    background:#111;
    text-align:center;
    transition:0.3s;
    cursor:pointer;
}

.card-btn:hover{
    transform:translateY(-6px);
    border:1px solid #60C020;
    box-shadow:0 0 15px rgba(224,96,0,0.2);
}

.card-btn h2{
    color:#E06000;
    margin-bottom:10px;
}

.card-btn p{
    color:#ccc;
    font-size:14px;
}

/* BUTTONS */
.btn{
    margin-top:15px;
    padding:12px 18px;
    border:none;
    border-radius:6px;
    cursor:pointer;
    font-weight:bold;
    width:100%;
}

.orange{
    background:#E06000;
    color:white;
}

.orange:hover{
    background:#60C020;
}

.blue{
    background:#2080A0;
    color:white;
}

.blue:hover{
    background:#60C020;
}

/* FOOTER */
footer{
    margin-top:80px;
    text-align:center;
    padding:30px 15px;
    border-top:2px solid #E06000;
}

footer h3{
    color:#E06000;
    margin:0;
    font-size:20px;
}

footer p{
    color:#60C020;
    margin-top:8px;
    font-size:14px;
}