@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--text-primary: #000000;--text-secondary: #6e6e73;--text-tertiary: #86868b;--accent: #000000;--accent-light: #424245;--border: #d2d2d7;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--max-width: 1200px;--nav-height: 70px}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:Outfit,sans-serif;font-weight:600;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:opacity .2s ease}a:hover{opacity:.8}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:100px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:40px;font-weight:500;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-primary)}.btn-glass{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--text-primary)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-16{gap:16px}.gap-24{gap:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.nav-links{display:none;gap:24px}@media (min-width: 768px){.nav-links{display:flex}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.section{padding:60px 0}}