:root{--container-padding:1rem;--container-max-width:100%;--header-height:60px;--footer-height:200px;--mobile-small:480px;--mobile:768px;--tablet:1024px;--desktop:1440px;--desktop-large:1920px;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--text-xs:0.75rem;--text-base:1rem;--text-lg:1.125rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-full:9999px;--touch-target-min:44px;--touch-target-comfortable:48px;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#333;background-color:#fff;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{max-width:100%;height:auto;display:block}@media (min-width:576px){:root{--container-padding:1.5rem;--container-max-width:540px}}@media (min-width:768px){:root{--container-padding:2rem;--container-max-width:720px;--header-height:70px;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:20px;--font-size-xl:28px;--font-size-2xl:36px}}@media (min-width:992px){:root{--container-padding:2.5rem;--container-max-width:960px}}@media (min-width:1200px){:root{--container-padding:3rem;--container-max-width:1140px}}@media (min-width:1400px){:root{--container-padding:4rem;--container-max-width:1320px}}.container{width:100%;max-width:var(--container-max-width);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media (min-width:576px){.grid{grid-template-columns:repeat(8,1fr)}}@media (min-width:992px){.grid{grid-template-columns:repeat(12,1fr)}}body{font-size:var(--font-size-base);line-height:1.5}h1{font-size:var(--font-size-2xl);line-height:1.2;margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-xl);line-height:1.3;margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-lg);line-height:1.4;margin-bottom:var(--spacing-sm)}.section{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}@media (min-width:768px){.section{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}}.responsive-img{max-width:100%;height:auto}.flex-col{display:flex;flex-direction:column}@media (min-width:768px){.md\:flex-row{flex-direction:row}}.hide-on-mobile{display:none}@media (min-width:768px){.hide-on-mobile{display:block}.hide-on-desktop{display:none}}@media (max-width:767px){.button,a,button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}input,select,textarea{font-size:16px;padding:var(--spacing-sm)}}.form-group{margin-bottom:var(--spacing-md)}.form-control{display:block;width:100%;padding:var(--spacing-sm);font-size:var(--font-size-base);border:1px solid #ced4da;border-radius:var(--border-radius-sm)}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-image-container{position:relative;overflow:hidden;background-color:#f5f5f5;border-radius:8px}.responsive-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--duration-normal) ease;opacity:0}.responsive-image.loaded{opacity:1}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.loading-spinner{width:24px;height:24px;border:2px solid #e0e0e0;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.touch-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);border:none;border-radius:8px;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-button.primary{background-color:#007bff;color:#fff}.touch-button.pressed{transform:scale(.98)}.ripple{position:absolute;border-radius:50%;background-color:hsla(0,0%,100%,.3);transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);opacity:0;animation:fade-in var(--duration-normal) ease forwards}.mobile-modal{background-color:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;transform:translateY(100%);animation:slide-up var(--duration-normal) ease forwards;z-index:var(--z-modal)}.mobile-modal.fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}@keyframes fade-in{to{opacity:1}}@keyframes slide-up{to{transform:translateY(0)}}.mobile-input-container{position:relative;margin-bottom:var(--space-lg)}.mobile-input{width:100%;min-height:var(--touch-target-comfortable);padding:var(--space-md);border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background-color:#fff;transition:border-color var(--duration-fast) ease}.mobile-input:focus{outline:none;border-color:#007bff}.is-mobile .touch-button{min-height:var(--touch-target-comfortable)}.hide-mobile{display:none}@media (min-width:481px){.hide-mobile{display:block}.show-mobile-only{display:none}}@media (min-width:1025px){.touch-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{.modal-backdrop,.no-print,.touch-button{display:none!important}body{font-size:12pt}a[href]:after{content:" (" attr(href) ")"}.responsive-image{max-width:100%!important;page-break-inside:avoid}}