* {
    box-sizing: border-box;
}


body {

    margin: 0;

    font-family: Arial, sans-serif;

    background: #F4F6F8;

    color: #1F2937;

    line-height: 1.6;

}


/* Navigation */

nav {

    display:flex;
    
    justify-content:space-between;
    
    align-items:center;
    
    padding:20px 40px;
    
    max-width:1000px;
    
    margin:auto;
    
    }


nav h2 {

    color: #607D8B;

}


nav a {

    color: #374151;

    text-decoration: none;

    margin-left: 25px;

    font-weight: 500;

}


nav a:hover {

    color: #607D8B;

}





/* Hero */

.hero {

    max-width:1000px;
    
    margin:40px auto 80px;
    
    padding:40px;
    
    }



.hero h1 {

    font-size: 64px;

    line-height: 1.05;

    color: #1F2937;

}

.hero h2 {

    font-size:32px;
    
    font-weight:400;
    
    color:#607D8B;
    
    line-height:1.3;
    
    margin-top:0;
    
    }


.hero p {

    font-size: 22px;

    max-width: 650px;

    color: #6B7280;

}





/* Button */

.button {


    display: inline-block;

    background: #607D8B;

    color: white;

    padding: 12px 28px;

    border-radius: 30px;

    margin-top: 20px;

    text-decoration: none;


}


.button:hover {


    background: #455A64;


}





/* Sections */

section {


    max-width: 1000px;


    margin: 60px auto;


    padding: 40px;


}



section h2 {

    font-size:40px;
    
    color:#607D8B;
    
    margin-bottom:20px;
    
    }





/* Cards */


.card {


    background: white;


    padding: 25px;


    border-radius: 20px;


    border: 1px solid #E5E7EB;


    box-shadow:
    0 10px 25px rgba(0,0,0,0.06);


}





.card h3 {


    color: #1F2937;


}



.card p {


    color:#6B7280;


}





.card:hover {


    transform: translateY(-5px);


    transition:0.3s;


}





.grid {


    display:grid;


    grid-template-columns:
    repeat(3,1fr);


    gap:20px;


}





/* Horror Project */


.horror {


    border-left:
    5px solid #8B3A3A;


}



.horror h3 {


    color:#8B3A3A;


}





/* Footer */


footer {


    text-align:center;


    padding:40px;


    color:#9CA3AF;


}