@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
body{font-family:'Inter',sans-serif;background-color:#f8fafc;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bg-brand-dark{background-color:#0f172a}.bg-brand-light{background-color:#f8fafc}.bg-brand-accent{background-color:#2563eb}.text-brand-dark{color:#0f172a}.text-brand-accent{color:#2563eb}.hover\\:bg-brand-accentHover:hover{background-color:#1d4ed8}
.bg-pattern{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}
.nav-link{position:relative;transition:color .3s ease}.nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#2563eb;transition:width .3s ease}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-link.active{color:#2563eb;font-weight:600}
.loader{border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}
@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}