.card-item,.hero-content,.mobile-menu-btn,.nav-links{transform:translateZ(0);will-change:transform}:root{--text-primary:#1a1a1a;--text-secondary:#666;--text-light:#999;--bg-primary:#fff;--bg-secondary:#fafafa;--border-color:#e8e8e8;--accent-color:#1a1a1a;--shadow-subtle:0 2px 8px rgba(0,0,0,.04);--shadow-medium:0 4px 16px rgba(0,0,0,.08);--shadow-card:0 8px 32px rgba(0,0,0,.12);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--gradient-hero:linear-gradient(135deg,#667eea,#764ba2)}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 3rem}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.05);left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.header:hover{background:hsla(0,0%,100%,.98);box-shadow:0 4px 20px rgba(0,0,0,.08)}.nav{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo,.nav{align-items:center;display:flex}.logo{color:var(--text-primary);font-size:1.5rem;font-weight:700;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo:hover{transform:translateY(-1px)}.logo-img{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:32px;-o-object-fit:contain;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto}.logo:hover .logo-img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.05)}.nav-links{display:flex;gap:.5rem;list-style:none;margin-right:-1rem}.nav-links li{position:relative}.nav-links a{color:rgba(0,0,0,.7);display:block;font-size:.95rem;font-weight:500;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none}.nav-links a,.nav-links a:before{border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links a:before{background:linear-gradient(135deg,var(--accent-color),var(--text-primary));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:translateY(100%)}.nav-links a:hover:before{opacity:.1;transform:translateY(0)}.nav-links a:hover{background:hsla(0,0%,100%,.8);box-shadow:0 4px 12px rgba(0,0,0,.1);color:var(--accent-color);transform:translateY(-2px)}.nav-links a:active{transform:translateY(-1px)}.mobile-menu-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;margin-right:-8px;padding:8px;position:relative;transition:var(--transition);width:40px;z-index:1001}.hamburger-line{background:rgba(0,0,0,.8);border-radius:2px;box-shadow:0 0 4px hsla(0,0%,100%,.3);height:2px;margin:2px 0;transition:all .3s ease;width:24px}.hero{background:var(--gradient-hero);color:#fff;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.hero:before{background:linear-gradient(135deg,rgba(15,15,35,.95),rgba(35,15,55,.9) 20%,rgba(55,25,75,.85) 40%,rgba(75,35,95,.8) 60%,rgba(95,45,115,.75) 80%,rgba(15,15,35,.95)),radial-gradient(circle at 30% 20%,rgba(138,43,226,.15) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(75,0,130,.12) 0,transparent 50%),radial-gradient(circle at 20% 70%,rgba(148,0,211,.1) 0,transparent 50%);bottom:0;content:"";left:0;opacity:.9;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px;opacity:.9}.hero-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-bottom:3rem}.stat-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;min-width:120px;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:hover{background:hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.2);transform:translateY(-2px)}.stat-number{color:#fff;display:block;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{font-size:.875rem;font-weight:500;opacity:.8}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-btn.primary{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff}.hero-btn.primary:hover{background:hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.2);transform:translateY(-2px)}.hero-btn.secondary{background:transparent;border:1px solid hsla(0,0%,100%,.4);color:#fff}.hero-btn.secondary:hover{background:hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.15);transform:translateY(-2px)}.breadcrumb{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1.5rem 0}.breadcrumb-list{color:var(--text-secondary);gap:.5rem}.breadcrumb-item{gap:.5rem}.breadcrumb-item:not(:last-child):after{color:var(--text-light);content:"›";font-weight:300}.breadcrumb-link{color:var(--text-secondary);transition:var(--transition)}.breadcrumb-link:hover{color:var(--text-primary)}.breadcrumb{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(248,250,252,.9));border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:3rem;overflow:hidden;padding:1rem 0;position:relative}.breadcrumb:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.breadcrumb-list{color:rgba(0,0,0,.6);font-size:.875rem;list-style:none;margin:0;padding:0 1.5rem}.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex;position:relative}.breadcrumb-item:not(:last-child):after{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;content:"";height:6px;margin:0 1rem;opacity:.6;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:6px}.breadcrumb-item:not(:last-child):hover:after{box-shadow:0 0 8px rgba(var(--primary-color-rgb),.3);opacity:1;transform:scale(1.2)}.breadcrumb-link{align-items:center;color:rgba(0,0,0,.6);display:inline-flex;font-weight:500;gap:.25rem;padding:.5rem .75rem;position:relative;text-decoration:none}.breadcrumb-link,.breadcrumb-link:before{border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.breadcrumb-link:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8)}.breadcrumb-link:hover:before{opacity:.1;transform:scale(1)}.breadcrumb-link:hover{color:var(--primary-color);text-shadow:0 1px 2px rgba(0,0,0,.1);transform:translateY(-1px)}.breadcrumb-item.active .breadcrumb-text{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--secondary-color-rgb),.1));border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:8px;color:rgba(0,0,0,.8);font-weight:600;padding:.5rem .75rem;position:relative}.breadcrumb-item.active .breadcrumb-text:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:7px;bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0}.main{padding:6.5rem 0 6rem}.main-layout{align-items:flex-start;display:flex;gap:3rem}.sidebar{background:var(--bg-primary);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);flex:0 0 320px;padding:2rem;position:-webkit-sticky;position:sticky;top:120px}.sidebar-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.sidebar-subtitle{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:2rem}.category-nav{display:flex;flex-direction:column;gap:.75rem}.category-item{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.category-item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.category-item.active{background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(75,0,130,.1));border-color:rgba(138,43,226,.3);box-shadow:0 4px 16px rgba(138,43,226,.2)}.category-icon{align-items:center;background:hsla(0,0%,100%,.1);border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.category-item.active .category-icon{background:rgba(138,43,226,.2)}.category-info{flex:1}.category-name{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.category-count{color:var(--text-secondary);display:block;font-size:.8rem;opacity:.8}.content-area{flex:1;min-width:0}.mobile-categories{display:none}.section-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;text-align:center}.section-subtitle{color:var(--text-secondary);font-size:1.125rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.categories,.section-subtitle{margin-bottom:4rem}.category-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.category-tab{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:25px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition)}.category-tab.active,.category-tab:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.cards-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem;padding:0 1rem}@media (max-width:768px){.main{padding-top:7rem}.cards-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem;padding:0}}.card-item{align-items:stretch;background:var(--bg-primary);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);color:inherit;display:flex;height:148px;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-item:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 16px 32px rgba(0,0,0,.12);transform:translateY(-6px) scale(1.01)}.card-image{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:4px;flex-shrink:0;height:128px;margin:8px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:var(--transition);width:73px}.card-item:hover .card-image{transform:scale(1.02)}.card-content{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 1.25rem 1rem .75rem}.card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:.5rem}.card-subtitle{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-bottom:1rem;opacity:.8}.card-meta{border-top:1px solid hsla(0,0%,100%,.1);color:var(--text-light);display:flex;font-size:.75rem;gap:1rem;margin-top:auto;padding-top:.75rem}.card-meta-item{align-items:center;display:flex;font-weight:500;gap:.375rem}.loading{color:var(--text-secondary);padding:4rem 0;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--text-primary);height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .6s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.container{padding:0 2rem}.nav{padding:1rem 2.5rem}.hero-title{font-size:3rem}.cards-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.container{padding:0 1.5rem}.nav{padding:1rem 2rem}.mobile-menu-btn{display:flex}.nav-links{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);flex-direction:column;gap:3rem;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:1000}.nav-links.active{transform:translateX(0)}.nav-links a{color:var(--text-primary);font-size:1.5rem;font-weight:600}.main-layout{flex-direction:column;gap:2rem}.sidebar{display:none}.mobile-categories{display:block;margin-bottom:2rem}.content-area{width:100%}.card-item{align-items:center;min-height:auto}.card-image{border-radius:12px 12px 0 0;height:200px;width:auto}.card-content{padding:1.5rem}.cards-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem}.hero{align-items:center;display:flex;min-height:100vh;padding:3rem 0}.hero-content{text-align:center;width:100%}.hero-title{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem;padding:0 1rem}.hero-stats{gap:1.5rem;justify-content:center;margin-bottom:2.5rem}.stat-item{flex:1;max-width:120px;min-width:100px;padding:1.25rem 1rem}.stat-number{font-size:2rem;margin-bottom:.25rem}.stat-label{font-size:.8rem}.hero-actions{align-items:center;flex-direction:column;gap:1rem;width:100%}.hero-btn{font-size:1rem;justify-content:center;max-width:280px;padding:1rem 1.5rem;width:100%}.section-title{font-size:2rem}.category-tabs{gap:.5rem}.category-tab{font-size:.875rem;padding:.5rem 1rem}.cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1.5rem;padding:0 .5rem}.card-item{flex-direction:column;height:auto}.card-image{border-radius:12px;height:auto;margin:8px;-o-object-fit:cover;object-fit:cover;width:calc(100% - 16px)}.card-content{padding:1rem 1.25rem 1.25rem;text-align:center}}@media (max-width:480px){.container{padding:0 .5rem}.nav{padding:1rem 1.5rem}.hero{min-height:100vh;padding:2rem 0}.hero-title{font-size:2rem;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem;padding:0 .5rem}.hero-stats{align-items:center;flex-direction:column;gap:1rem;margin-bottom:2rem}.stat-item{align-items:center;display:flex;justify-content:space-between;max-width:200px;padding:1rem;text-align:left;width:100%}.stat-number{font-size:1.75rem;margin-bottom:0;margin-right:1rem}.stat-label{flex:1;font-size:.875rem}.hero-btn{font-size:.9rem;max-width:100%;padding:.875rem 1.25rem}.cards-grid{grid-template-columns:1fr 1fr}}