@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Nunito:wght@400;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap";
:root{--default-font:"Roboto", system-ui, sans-serif;--heading-font:"Nunito", sans-serif;--nav-font:"Poppins", sans-serif;--background-color:#fff;--default-color:#212529;--heading-color:#2d465e;--accent-color:#0a4db8;--surface-color:#fff;--contrast-color:#fff;--nav-color:#212529;--nav-hover-color:#0a4db8}.light-background{--background-color:#f5f8fc;--surface-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--default-color);background-color:var(--background-color);font-family:var(--default-font);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);color:var(--heading-color)}a{color:var(--accent-color);text-decoration:none;transition:all .3s}a:hover{color:color-mix(in srgb, var(--accent-color), transparent 25%)}.btn-primary{background-color:var(--accent-color);color:#fff;font-family:var(--nav-font);cursor:pointer;border:none;border-radius:50px;padding:.6rem 1.6rem;font-weight:600;transition:all .3s;display:inline-block}.btn-primary:hover{background-color:color-mix(in srgb, var(--accent-color), #000 15%);color:#fff}.btn-outline{color:var(--accent-color);border:2px solid var(--accent-color);font-family:var(--nav-font);cursor:pointer;background:0 0;border-radius:50px;padding:.6rem 1.6rem;font-weight:600;transition:all .3s;display:inline-block}.btn-outline:hover{background-color:var(--accent-color);color:#fff}.section-badge{background:color-mix(in srgb, var(--accent-color), transparent 88%);color:var(--accent-color);font-family:var(--nav-font);letter-spacing:.06em;text-transform:uppercase;border-radius:50px;margin-bottom:1rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.section-title{font-family:var(--heading-font);color:var(--heading-color);margin-bottom:1rem;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800}.about-description{color:color-mix(in srgb, var(--default-color), transparent 20%);font-size:1rem;line-height:1.75}.feature-box{background:var(--surface-color);border:1px solid color-mix(in srgb, var(--heading-color), transparent 85%);border-radius:12px;padding:1.5rem;transition:all .3s}.feature-box:hover{border-color:var(--accent-color);box-shadow:0 4px 20px color-mix(in srgb, var(--accent-color), transparent 85%)}.sitename{font-family:var(--nav-font);color:var(--accent-color);font-size:1.4rem;font-style:italic;font-weight:700}section{padding:60px 0}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.logo-mobile{display:none}.logo-desktop{display:inline}@media (max-width:768px){.logo-mobile{display:block}.logo-desktop{display:none}.desktop-nav,.desktop-buttons{display:none!important}}