:root{--bp-xs:320px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:2.5rem;--text-6xl:3rem;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--touch-target-xl:64px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.25rem;--space-2xl:1.5rem;--space-3xl:2rem;--space-4xl:2.5rem;--space-5xl:3rem;--space-6xl:4rem;--container-padding:1rem;--section-padding-y:2rem;--section-padding-y-lg:3rem}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}.container-mobile{width:100%;max-width:100%;margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.text-mobile-xs{font-size:var(--text-xs)}.text-mobile-sm{font-size:var(--text-sm)}.text-mobile-base{font-size:var(--text-base)}.text-mobile-lg{font-size:var(--text-lg)}.text-mobile-xl{font-size:var(--text-xl)}.text-mobile-2xl{font-size:var(--text-2xl)}.text-mobile-3xl{font-size:var(--text-3xl)}.text-mobile-4xl{font-size:var(--text-4xl)}.text-mobile-5xl{font-size:var(--text-5xl)}.text-mobile-6xl{font-size:var(--text-6xl)}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center;position:relative}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.touch-target-large{min-height:var(--touch-target-large);min-width:var(--touch-target-large)}.touch-target-xl{min-height:var(--touch-target-xl);min-width:var(--touch-target-xl)}.btn-mobile{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;text-decoration:none;transition:all .2s ease;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);gap:var(--space-sm);user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn-mobile:active{transform:scale(.98)}.btn-mobile-primary{background:var(--gradient-primary);color:white;box-shadow:0 2px 8px rgba(0,102,255,.3)}.btn-mobile-primary:hover{box-shadow:0 4px 16px rgba(0,102,255,.4);transform:translateY(-1px)}.btn-mobile-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-mobile-secondary:hover{background:var(--color-primary);color:white}.grid-mobile{display:grid;gap:var(--space-lg);grid-template-columns:1fr}.grid-mobile-2{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.card-mobile{background:var(--background-secondary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid var(--border-color)}.card-mobile:active{transform:scale(.98)}.section-mobile{padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y)}.section-mobile-lg{padding-top:var(--section-padding-y-lg);padding-bottom:var(--section-padding-y-lg)}.flex-mobile{display:flex}.flex-mobile-col{display:flex;flex-direction:column}.flex-mobile-center{display:flex;align-items:center;justify-content:center}.flex-mobile-between{display:flex;align-items:center;justify-content:space-between}.flex-mobile-wrap{display:flex;flex-wrap:wrap;gap:var(--space-md)}.nav-mobile{top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;height:64px;display:flex;align-items:center;padding:0 var(--container-padding)}.nav-mobile,.nav-mobile-menu{position:fixed;left:0;right:0;border-bottom:1px solid var(--border-color)}.nav-mobile-menu{top:64px;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-xl) var(--container-padding);transform:translateY(-100%);transition:transform .3s ease;z-index:999}.nav-mobile-menu.open{transform:translateY(0)}.nav-mobile-item{display:block;padding:var(--space-lg);font-size:var(--text-lg);font-weight:500;color:var(--foreground);text-decoration:none;border-radius:var(--radius-lg);transition:all .2s ease;min-height:var(--touch-target-comfortable);display:flex;align-items:center}.nav-mobile-item:active{background:var(--color-primary);color:white;transform:scale(.98)}.swipeable{touch-action:pan-y;user-select:none;-webkit-user-select:none}.swipe-indicator{width:40px;height:4px;background:var(--color-gray-lighter);border-radius:2px;margin:var(--space-sm) auto}@media (min-width:480px){:root{--text-2xl:1.75rem;--text-3xl:2.125rem;--text-4xl:2.5rem;--text-5xl:3rem;--text-6xl:3.5rem;--container-padding:1.5rem}.grid-mobile{gap:var(--space-xl)}.grid-mobile-2{gap:var(--space-lg)}}@media (min-width:768px){:root{--text-3xl:2.25rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--text-6xl:4rem;--container-padding:2rem;--section-padding-y:3rem;--section-padding-y-lg:4rem}.container-mobile{max-width:var(--bp-md)}.grid-mobile{grid-template-columns:repeat(2,1fr)}.grid-mobile-3{grid-template-columns:repeat(3,1fr)}.nav-mobile{height:72px}.nav-mobile-menu{top:72px}}@media (min-width:1024px){:root{--text-4xl:3rem;--text-5xl:4rem;--text-6xl:4.5rem;--section-padding-y:4rem;--section-padding-y-lg:6rem}.container-mobile{max-width:var(--bp-lg)}.grid-mobile{grid-template-columns:repeat(3,1fr)}.grid-mobile-4{grid-template-columns:repeat(4,1fr)}.nav-mobile-menu{position:static;transform:none;background:transparent;backdrop-filter:none;border:none;padding:0;display:flex;align-items:center;gap:var(--space-lg)}.nav-mobile-item{padding:var(--space-sm) var(--space-md);font-size:var(--text-base)}}@media (min-width:1280px){.container-mobile{max-width:var(--bp-xl)}}@media (min-width:1536px){.container-mobile{max-width:var(--bp-2xl)}}@media (pointer:coarse){.btn-mobile{padding:var(--space-lg) var(--space-2xl)}.btn-mobile,.nav-mobile-item{min-height:var(--touch-target-large)}.nav-mobile-item{padding:var(--space-lg) var(--space-xl)}.card-mobile{padding:var(--space-2xl)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn-mobile-primary{background:var(--color-primary);border:2px solid var(--color-primary-dark)}.card-mobile{border:2px solid var(--border-color)}}