:root {
    --snia-primary: #0d6efd;
}

body {
    font-family: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.hero-section {
    background: linear-gradient(140deg, #f6f9ff 0%, #ffffff 65%);
}

.hero-logo {
    max-width: 280px;
    width: 70%;
}

.nis2-box {
    background: #ffffff;
    border: 1px solid #e9ecef;
}

.btn-primary {
    background-color: var(--snia-primary);
    border-color: var(--snia-primary);
}

@media (max-width: 576px) {
    .hero-logo {
        width: 55%;
    }
}

td,
code {
    word-break: break-word;
}