:root{--primary-color: #4f46e5;--primary-dark: #4338ca;--primary-light: #818cf8;--secondary-color: #7c3aed;--accent-color: #f59e0b;--success-color: #16a34a;--danger-color: #e11d48;--warning-color: #f59e0b;--info-color: #0ea5e9;--ink-900: #0f172a;--ink-700: #334155;--ink-500: #64748b;--ink-300: #cbd5e1;--ink-100: #f1f5f9;--ink-50: #f8fafc;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 48px rgba(15, 23, 42, .14);--gradient-brand: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%)}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink-700);background-color:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.font-display{font-family:Outfit,Inter,system-ui,sans-serif;font-weight:700;color:var(--ink-900);letter-spacing:-.01em}.text-muted-2{color:var(--ink-500)!important}.cursor-pointer{cursor:pointer}.bg-brand-gradient{background:var(--gradient-brand)}.text-gradient-brand{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.rounded-xl{border-radius:var(--radius-md)!important}.rounded-2xl{border-radius:var(--radius-lg)!important}.shadow-soft{box-shadow:var(--shadow-md)!important}.shadow-soft-lg{box-shadow:var(--shadow-lg)!important}.navbar{transition:box-shadow .25s ease}.navbar-brand{font-family:Outfit,sans-serif;font-weight:800;letter-spacing:-.01em;transition:transform .25s ease}.navbar-brand:hover{transform:scale(1.02)}.nav-link{transition:color .2s ease;font-weight:500;color:var(--ink-700)}.nav-link:hover,.nav-link.active{color:var(--primary-color)!important}.topbar-modern{background:var(--ink-900);font-size:.8125rem;letter-spacing:.01em}.btn{transition:all .2s ease;font-weight:600;border-radius:var(--radius-sm);letter-spacing:.01em}.btn-lg{border-radius:var(--radius-md)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gradient-brand);border:none;box-shadow:0 6px 16px #4f46e547}.btn-primary:hover,.btn-primary:focus{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary-color) 100%);box-shadow:0 10px 22px #4f46e557}.btn-outline-primary{border-width:1.5px;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-primary:hover{background:var(--primary-color);border-color:var(--primary-color)}.btn-check:checked+.btn,.btn.active{box-shadow:none}.card{transition:all .25s ease;border:1px solid var(--ink-100);border-radius:var(--radius-md)}.card:hover{box-shadow:var(--shadow-md)}.product-card{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border-radius:var(--radius-md)}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)!important}.product-card img{transition:transform .5s ease}.product-card:hover img{transform:scale(1.08)}.badge{font-weight:600;padding:.4em .8em;border-radius:999px}.form-control,.form-select{border-radius:var(--radius-sm);border-color:var(--ink-300);padding-top:.6rem;padding-bottom:.6rem}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #4f46e52e}footer a{transition:color .2s ease}footer a:hover{color:#fff!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.hero-section{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4f46e5eb,#7c3aedeb);z-index:-1}.section-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color)}@media (max-width: 768px){.display-3{font-size:2rem}.display-4{font-size:1.75rem}.display-5{font-size:1.5rem}}.container-fluid{padding-left:1rem;padding-right:1rem}@media (min-width: 576px){.container-fluid{padding-left:2rem;padding-right:2rem}}@media (min-width: 992px){.container-fluid{padding-left:3rem;padding-right:3rem}}@media (min-width: 1200px){.container-fluid{padding-left:4rem;padding-right:4rem}}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#e0e2eb}to{background-color:#f3f3f7}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ink-100)}::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}@media print{.navbar,.footer,.btn{display:none!important}}