*{padding:0;margin:0;box-sizing:border-box}:root{--bg-primary: #f8fafc;--bg-secondary: #e2e8f0;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #334155;--border-color: rgba(0, 0, 0, .1);--shadow-sm: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .2);--gradient-hero: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--gradient-section: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);--color-primary: #2563eb;--color-secondary: #9333ea;--color-accent: #ec4899;--gradient-brand: linear-gradient(135deg, #2563eb 0%, #9333ea 100%);--gradient-hero-text: linear-gradient(135deg, #2563eb 0%, #9333ea 50%, #ec4899 100%);--gradient-product: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);--transition-theme: .3s ease;--transition-fast: .2s ease}:root.dark-theme{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #e2e8f0;--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--gradient-section: linear-gradient(135deg, #1e293b 0%, #334155 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition-theme),color var(--transition-theme);line-height:1.6}section{scroll-margin-top:100px}.gradient-text{background:var(--gradient-hero-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-card);border-radius:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-theme)}.btn{padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gradient-brand);color:#fff}.btn-primary:hover{box-shadow:0 10px 20px #2563eb4d}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--text-secondary) var(--bg-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease-out}.fade-in-up{animation:fadeInUp .8s ease-out}.fade-in-down{animation:fadeInDown .8s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}