html,body {
    font-family: "Inter", sans-serif;
    background-color: #f5f5f5; /* Light gray background for Bulma */
    font-size: 14px;
    font-weight: 300;
}
.hero.is-success {
    background: #F2F6FA;
}
.hero .nav, .hero.is-success .nav {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.box {
    margin-top: 5rem;
    border-radius: 8px; /* Rounded corners for Bulma cards */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}
input {
    font-weight: 300;
}
p {
    font-weight: 700;
}
p.subtitle {
    padding-top: 1rem;
}

.login-hr{
    border-bottom: 1px solid black;
}

.has-text-black{
    color: black;
}

.field{
    padding-bottom: 10px;
}

.fa{
    margin-left: 5px; 
}

.section {
    padding: 3rem 1.5rem;
}
.notification.is-info-light {
    background-color: #e6f3ff; /* Light blue background for info notification */
    color: #004d80; /* Darker blue text */
    border-radius: 8px;
    padding: 1.5rem;
}
.term-item {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    padding: 1rem;
    margin-bottom: 1rem; /* Spacing between terms */
}
/* Ensure responsive grid for terms */
.terms-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem; /* Gap between grid items */
}
.is-rounded {
    border-radius: 290486px; /* Bulma's rounded modifier */
}