﻿/* Reset moderne */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    background: #F5F8FC;
    font-family: "Inter", sans-serif;
    color: #111827;
    line-height: 1.6;
}

h1, h2, h3, h4 { font-weight: 600; color: #0B1C3F; }

a { color: inherit; text-decoration: none; }

.container { width: 92%; max-width: 1400px; margin: auto; }

.card {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.btn {
    padding: 10px 16px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: 0.2s ease;
    font-weight: 500;
}

.btn-primary { background: #113A7D; color: #fff; }
.btn-primary:hover { background: #0B1C3F; transform: translateY(-2px); }

.btn-outline {
    background: transparent;
    color: #113A7D;
    border: 1px solid #113A7D;
}
.btn-outline:hover { background: #113A7D; color: #fff; transform: translateY(-2px); }

.btn-ghost {
    background: transparent;
    color: #113A7D;
    border: none;
}
.btn-ghost:hover { color: #0B1C3F; transform: translateY(-1px); }

input, select {
    padding: 10px 12px;
    border: 1px solid #E1E8F0;
    border-radius: 6px;
    width: 100%;
    font-size: 16px;
}

input:focus {
    outline: none;
    border-color: #2CC7D1;
    box-shadow: 0 0 0 3px rgba(44,199,209,0.2);
}

.header { padding: 20px 0; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.03); }
.header-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: flex; align-items: center; gap: 14px; }
.brand-text { display: flex; flex-direction: column; }
.brand-name { font-size: 20px; font-weight: 700; color: #0B1C3F; }
.brand-tagline { font-size: 14px; color: #1E71A9; }

.nav-actions { display: flex; gap: 10px; align-items: center; }

.footer { margin-top: 40px; padding: 24px 0; background: #fff; }
.footer-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.footer-links { display: flex; gap: 14px; color: #113A7D; font-weight: 500; }

.page { padding: 32px 0 48px; }
