*{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1a202c;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background:#8b5cf626;color:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--mobile-max: 767px;--tablet-min: 768px;--tablet-max: 1023px;--desktop-min: 1024px;--large-desktop-min: 1440px;--space-xs: clamp(.25rem, .5vw, .5rem);--space-sm: clamp(.5rem, 1vw, 1rem);--space-md: clamp(1rem, 2vw, 1.5rem);--space-lg: clamp(1.5rem, 3vw, 2rem);--space-xl: clamp(2rem, 4vw, 3rem);--space-2xl: clamp(3rem, 6vw, 4rem);--font-xs: clamp(.75rem, 2vw, .875rem);--font-sm: clamp(.875rem, 2.5vw, 1rem);--font-base: clamp(1rem, 3vw, 1.125rem);--font-lg: clamp(1.125rem, 3.5vw, 1.25rem);--font-xl: clamp(1.25rem, 4vw, 1.5rem);--font-2xl: clamp(1.5rem, 5vw, 2rem);--font-3xl: clamp(2rem, 6vw, 2.5rem);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-md)}@media (max-width: 767px){.container{padding:0 var(--space-sm)}}@media (min-width: 576px){:root{--space-md: 1.25rem;--space-lg: 1.75rem}}@media (min-width: 768px){:root{--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem}body{height:100vh}}@media (min-width: 1024px){:root{--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem}}@media (min-width: 1440px){:root{--space-lg: 2.5rem;--space-xl: 3.5rem;--space-2xl: 5rem}}.hidden-mobile{display:none}.hidden-tablet,.hidden-desktop{display:block}@media (min-width: 768px){.hidden-mobile{display:block}.hidden-tablet{display:none}}@media (min-width: 1024px){.hidden-tablet{display:block}.hidden-desktop{display:none}}.text-center-mobile{text-align:center}@media (min-width: 768px){.text-center-mobile{text-align:left}}@media (max-width: 767px){button,a,input[type=button],input[type=submit],[role=button]{min-height:44px;min-width:44px;touch-action:manipulation}}@media (hover: hover) and (pointer: fine){button:hover,a:hover{transform:translateY(-1px);transition:transform .2s ease}}.grid{display:grid;gap:var(--space-md)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 767px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid{gap:var(--space-sm)}}@media (min-width: 768px) and (max-width: 1023px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (max-width: 767px){.flex-mobile-col{flex-direction:column}.flex-mobile-wrap{flex-wrap:wrap}}