:root {
--primary-blue: #2563eb;
--secondary-blue: #1e40af;
--light-blue: #eff6ff;
--hover-blue: #1d4ed8;
--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
--card-hover-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--transition: all 0.3s ease;
}
* {
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-feature-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
:where([class^="ri-"])::before {
content: "\f3c2";
}
.section-nav {
position: sticky;
top: 56px;
background: white;
z-index: 40;
border-bottom: 1px solid #e5e7eb;
}
@media (min-width: 640px) {
.section-nav {
top: 64px;
}
}
@media (min-width: 768px) {
.section-nav {
top: 80px;
}
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.section-nav.scrolled {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.nav-link {
transition: all 0.3s ease;
position: relative;
}
.nav-link.active {
color: #2563eb;
font-weight: 600;
}
.nav-link.active::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 2px;
background: #2563eb;
}
.content-section {
scroll-margin-top: 120px;
}
.fade-in {
animation: fadeIn 0.6s ease-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.faq-item {
border-bottom: 1px solid #e5e7eb;
}
.faq-item:last-child {
border-bottom: none;
}
.faq-question {
cursor: pointer;
transition: all 0.3s ease;
}
.faq-question:hover {
background: #f9fafb;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.faq-answer.open {
max-height: 200px;
}
.contact-card {
transition: all 0.3s ease;
}
.contact-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}