@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #f4f4f4;--color-surface: #ffffff;--color-text: #111111;--color-text-muted: #666666;--color-border: #e0e0e0;--color-primary: #000000;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:-.03em}a{color:inherit;text-decoration:none}.container{max-width:1440px;margin:0 auto;padding:0 4rem}@media (max-width: 768px){.container{padding:0 1.5rem}}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.5rem;transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-pill);font-weight:500;font-size:.9rem;cursor:pointer;transition:all var(--transition);border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#333}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-surface)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.w-full{width:100%}.h-full{height:100%}.grid{display:grid}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 1023px){.hide-on-tablet{display:none!important}}@media (max-width: 767px){.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}}@media (min-width: 768px){.show-on-mobile{display:none!important}}@media (max-width: 1023px){.container{padding:0 2rem}}@media (max-width: 767px){.container{padding:0 1rem}}@media (max-width: 767px){h1{font-size:2rem!important}h2{font-size:1.5rem!important}}
