:root{--color-primary: #1A1A2E;--color-accent: #FF6B35;--color-accent-dark: #E05525;--color-secondary: #4A5568;--color-background: #F7F7F7;--color-white: #FFFFFF;--color-text: #2D3748;--color-text-muted: #718096;--color-border: #E2E8F0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 64px;--font-family-body: "Inter", system-ui, -apple-system, sans-serif;--font-family-heading: "Inter", system-ui, -apple-system, sans-serif;--font-size-base: 16px;--font-size-lg: 18px;--font-size-h1: 36px;--font-size-h2: 28px;--font-size-h3: 20px;--transition-fast: .15s ease;--transition-base: .3s ease}@media (min-width: 1024px){:root{--font-size-h1: 56px;--font-size-h2: 40px;--font-size-h3: 24px}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background-color:var(--color-accent);color:var(--color-white)}body{margin:0;font-family:var(--font-family-body);color:var(--color-text);background-color:var(--color-background);line-height:1.6;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-primary);margin-top:0;line-height:1.2}h1{font-size:var(--font-size-h1);font-weight:700;letter-spacing:-.02em}h2{font-size:var(--font-size-h2);font-weight:600;margin-bottom:var(--spacing-lg);letter-spacing:-.01em}h3{font-size:var(--font-size-h3);font-weight:600}p{margin-top:0}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-dark)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;z-index:9999;transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-sm)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-lg)}}.text-center{text-align:center}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:inherit;font-size:var(--font-size-base);font-weight:600;border-radius:6px;cursor:pointer;transition:all var(--transition-base);border:none;text-decoration:none}.btn-primary{background-color:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-accent-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3559}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:14px}.btn-lg{padding:var(--spacing-md) var(--spacing-xxl);font-size:var(--font-size-lg)}.section{padding:var(--spacing-xl) 0}@media (min-width: 768px){.section{padding:var(--spacing-xxl) 0}}@media (min-width: 1024px){.section{padding:80px 0}}.section-intro{max-width:600px;margin:0 auto var(--spacing-xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}
/*# sourceMappingURL=/cdn/shop/t/20/assets/style.css.map */