*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-light:#8b5cf6;--color-primary-lighter:#a78bfa;--color-primary-pale:#f1eaff;--color-primary-glow:#7c3aed2e;--color-primary-border:#7c3aed52;--gradient-primary:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%);--gradient-primary-hover:linear-gradient(135deg, #a78bfa 0%, #8b5cf6 50%, #7c3aed 100%);--color-bg:#f4f5fa;--color-bg-2:#f1f5f4;--color-bg-3:#e8eeec;--color-bg-4:#dde5e2;--color-bg-hover:#f4efff;--color-bg-card:#fff;--color-bg-input:#f8fafb;--color-bg-modal:#fff;--color-header-bg:#070510;--color-header-bg-2:#2a2035;--color-header-text:#fff;--color-header-text-2:#ffffffb3;--color-header-border:#ffffff14;--color-header-input-bg:#ffffff0f;--color-footer-bg:#070510;--color-footer-bg-2:#0a0714;--color-nav-bg:#2a2035;--color-nav-border:#ffffff14;--color-nav-text:#ffffffd1;--color-nav-text-hover:#fff;--color-nav-active-bg:#7c3aed47;--color-nav-active-text:#fff;--color-text:#1a2332;--color-text-2:#3d4f4a;--color-text-3:#6b7c75;--color-text-muted:#737f88;--color-text-white:#fff;--color-border:#e5e9e8;--color-border-2:#d1d9d6;--color-border-hover:#7c3aed66;--color-border-focus:#7c3aed;--color-active:#16a34a;--color-active-bg:#dcfce7;--color-active-border:#bbf7d0;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-success-border:#bbf7d0;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-warning-border:#fde68a;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-danger-border:#fecaca;--color-info:#2563eb;--color-info-bg:#dbeafe;--color-info-border:#bfdbfe;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 3px 12px #00000014;--shadow-lg:0 6px 28px #0000001a;--shadow-card:0 1px 6px #0000000f;--shadow-glow:0 0 20px #7c3aed38;--shadow-btn:0 3px 12px #7c3aed4d;--transition-fast:.13s ease;--transition-normal:.22s ease;--transition-slow:.38s ease;--header-height:64px;--nav-height:46px;--container-max:1280px;--sidebar-width:260px}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Google Sans,sans-serif;font-size:16px;line-height:1.6}*,:before,:after{font-size:inherit}input,button,select,textarea,label{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}.input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:9px 13px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:#fff}.input::placeholder{color:var(--color-text-muted)}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:0 4px 18px var(--color-primary-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary-border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-primary-pale);border-color:var(--color-primary)}.btn-ghost{color:var(--color-text-2);border:1.5px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-3);color:var(--color-text)}.btn-buy{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-btn);transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.1px;border:none;padding:10px 28px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700}.btn-buy:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:0 4px 16px var(--color-primary-glow);transform:translateY(-1px)}.btn-buy:active:not(:disabled){transform:translateY(0)}.btn-buy:disabled{opacity:.5;cursor:not-allowed}#app-root{flex-direction:column;min-height:100vh;display:flex}.header-wave{background:var(--color-bg);height:40px;line-height:0;display:block;overflow:hidden}.header-wave svg{width:100%;height:40px;display:block}.header-wave svg path{fill:var(--color-header-bg-2)}.page-wrap{flex:1;padding:20px 0 40px}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 16px}.home-page{flex-direction:column;gap:0;display:flex}.home-sliders{flex-direction:column;gap:32px;margin-top:32px;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700;line-height:1.3}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--color-bg-3)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#c4c4d8}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-lighter)}::selection{background:var(--color-primary-pale);color:var(--color-primary)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-purple{background:var(--color-primary-pale);color:var(--color-primary)}.badge-green{background:var(--color-success-bg);color:var(--color-success)}.badge-red{background:var(--color-danger-bg);color:var(--color-danger)}.badge-yellow{background:var(--color-warning-bg);color:var(--color-warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e5e9e8 25%,#f0f5f3 50%,#e5e9e8 75%) 0 0/200% 100%;animation:1.6s infinite shimmer}@media (max-width:768px){.container{padding:0 12px}:root{--header-height:56px;--nav-height:42px}}:root{--cat-bg:#f5f4fb;--cat-surface:#fff;--cat-input:#f3f2f9;--cat-border:#e7e5f0;--cat-row-hover:#7c3aed0b;--cat-chip-icon:#f1eaff;--cat-text:#16141d;--cat-text-2:#443f52;--cat-text-3:#78738a;--cat-warranty:#6d28d9;--cat-top-bg:#d1fae5;--cat-top-fg:#047857}[data-theme=dark]{--cat-bg:#0d0a16;--cat-surface:#16111f;--cat-input:#1e1729;--cat-border:#ffffff17;--cat-row-hover:#7c3aed1a;--cat-chip-icon:#ffffff12;--cat-text:#f2eefb;--cat-text-2:#f2eefbc7;--cat-text-3:#f2eefb7a;--cat-warranty:#a78bfa;--cat-top-bg:#2dd4bf29;--cat-top-fg:#5eead4}html{transition:background-color .2s,color .2s}[data-theme=light] body{color:#1a2332;background-color:#f8fafb}[data-theme=light] .page-wrap{background-color:#f8fafb}[data-theme=light] .site-footer{background:var(--color-footer-bg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}