/* ===================================================
   LAYOUT GENERAL
=================================================== */

body{

    margin:0;

    font-family:Arial, Helvetica, sans-serif;

    background:#f4f4f4;

    color:#222;

}

.page-header {

    background: linear-gradient(
        135deg,
        var(--primary) 0%,
        var(--primary-dark) 100%
    );

    color: white;

    padding: 20px 20px 18px;

    text-align: center;

    box-shadow: 0 4px 14px rgba(113, 0, 0, 0.28);

    border-bottom: 3px solid var(--secondary);

}

.page-header h1 {

    font-size: 2rem;

    font-weight: 800;

    letter-spacing: -0.03em;

    margin-bottom: 4px;

}

.page-header h2 {

    font-size: 0.95rem;

    font-weight: 500;

    opacity: 0.94;

    margin: 0;

}

.page-content {

    flex: 1;

    padding: 14px 18px 18px;

    display: flex;

    align-items: center;

}

.container {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.page-footer{

    background:#222;

    color:#ddd;

    padding:10px 24px;

    font-size:14px;

}