:root{--primary-color: #6C47FF;--primary-rgb: 108, 71, 255;--primary-contrast: #ffffff;--primary-shade: #5e3ee0;--primary-tint: #7b59ff;--secondary-color: #f107a3;--light-color: #f5f5f5;--dark-color: #222222;--card-radius: 20px;--banner-radius: 20px;--button-radius: 16px;--badge-radius: 50px;--category-radius: 24px;--input-radius: 12px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .18);--shadow-primary: 0 8px 28px rgba(108, 71, 255, .3);--shadow-primary-lg: 0 12px 36px rgba(108, 71, 255, .35);--gradient-primary: linear-gradient(135deg, #6C47FF 0%, #5b86e5 100%);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-subtle: linear-gradient(135deg, rgba(108, 71, 255, .05) 0%, rgba(91, 134, 229, .05) 100%);--text-dark: #1a1a1a;--text-medium: #666666;--text-light: #9ca3af;--text-lighter: #d1d5db;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-gradient: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.dark-mode{--primary-color: #6C47FF;--primary-rgb: 108, 71, 255;--primary-contrast: #ffffff;--primary-shade: #7b59ff;--primary-tint: #5e3ee0;--secondary-color: #f107a3;--light-color: #2a2a2a;--dark-color: #0a0a0a;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .8);--shadow-primary: 0 8px 28px rgba(108, 71, 255, .4);--shadow-primary-lg: 0 12px 36px rgba(108, 71, 255, .5);--gradient-primary: linear-gradient(135deg, #6C47FF 0%, #5b86e5 100%);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-subtle: linear-gradient(135deg, rgba(108, 71, 255, .15) 0%, rgba(91, 134, 229, .15) 100%);--text-dark: #f5f5f5;--text-medium: #b3b3b3;--text-light: #808080;--text-lighter: #4d4d4d;--bg-primary: #1a1a1a;--bg-secondary: #121212;--bg-tertiary: #0f0f0f;--bg-gradient: linear-gradient(180deg, #1a1a1a 0%, #121212 100%);--success-color: #10d876;--error-color: #ff5555;--warning-color: #ffb84d;--info-color: #5b9fff}html,body,.main-header,.card,button,a,input,select,textarea{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-family);font-size:1rem;line-height:1.5;color:var(--text-dark);background:var(--bg-secondary);overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}}html,body{max-width:100%;overflow-x:hidden}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text],input[type=email],input[type=tel],input[type=search],textarea{-webkit-appearance:none;border-radius:0}:focus{outline:3px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px #6c47ff1a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.dark-mode ::-webkit-scrollbar-track{background:#1a1a1a}.dark-mode ::-webkit-scrollbar-thumb{background:#444}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#666}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-main{position:absolute;top:-40px;left:0;background:var(--primary-color);color:var(--primary-contrast);padding:12px 24px;text-decoration:none;z-index:1000;font-weight:600;border-radius:0 0 8px;transition:top var(--transition-fast)}.skip-to-main:focus{top:0;outline:3px solid var(--primary-color);outline-offset:2px}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container{padding:0 24px}}@media (min-width: 1024px){.container{padding:0 32px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.show-mobile-only{display:none!important}}@media screen and (max-width: 767px){input,select,textarea{font-size:16px!important}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.loading{pointer-events:none;opacity:.6}.error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:12px 16px;border-radius:8px;margin:12px 0}.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;padding:12px 16px;border-radius:8px;margin:12px 0}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.touch-feedback{-webkit-tap-highlight-color:rgba(108,71,255,.1)}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (prefers-contrast: high){:root{--border-width: 2px}button,.btn{border:2px solid currentColor}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}a{text-decoration:underline}}.dark-mode [style*="background: white"],.dark-mode [style*="background:white"],.dark-mode [style*="background-color: white"],.dark-mode [style*="background-color:white"]{background:var(--bg-primary)!important}.dark-mode [style*="color: #333"],.dark-mode [style*="color:#333"],.dark-mode [style*="color: #2d3748"],.dark-mode [style*="color:#2d3748"],.dark-mode [style*="color: #4a5568"],.dark-mode [style*="color:#4a5568"],.dark-mode [style*="color: #1a1a1a"],.dark-mode [style*="color:#1a1a1a"]{color:var(--text-dark)!important}.dark-mode [style*="color: #666"],.dark-mode [style*="color:#666"]{color:var(--text-medium)!important}.dark-mode .card[style*="background: white"],.dark-mode .card[style*="background:white"],.dark-mode section[style*="background: white"],.dark-mode section[style*="background:white"],.dark-mode [class*=card][style*="background: white"],.dark-mode [class*=card][style*="background:white"],.dark-mode [class*=section][style*="background: white"],.dark-mode [class*=section][style*="background:white"]{background:var(--bg-primary)!important}.dark-mode input[style*="background: white"],.dark-mode input[style*="background:white"],.dark-mode textarea[style*="background: white"],.dark-mode textarea[style*="background:white"],.dark-mode select[style*="background: white"],.dark-mode select[style*="background:white"]{background:var(--bg-primary)!important;color:var(--text-dark)!important}