@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--brand-blue:#2c5282;--brand-blue-hover:#234163;--color-primary:#2c5282;--color-primary-hover:#234163;--color-bg-main:#f7f9fc;--color-bg-card:#fff;--color-text-main:#0a2540;--color-text-secondary:#425466;--color-border-subtle:#e6e9f0;--color-divider:#eef1f6;--font-size-h1:40px;--line-height-h1:48px;--font-size-h2:28px;--line-height-h2:36px;--font-size-h3:20px;--line-height-h3:28px;--font-size-body:16px;--line-height-body:26px;--font-size-small:14px;--line-height-small:22px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px;--page-padding-desktop:48px;--page-padding-mobile:24px;--section-gap:64px;--card-padding:32px;--text-max-width:720px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-body);line-height:var(--line-height-body);background-color:var(--color-bg-main);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-main)}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:700}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:700;letter-spacing:-.02em}h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);letter-spacing:-.01em}h2,h3{font-weight:600}h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}p{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:var(--text-max-width)}small{font-size:var(--font-size-small);line-height:var(--line-height-small)}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-hover)}.container{max-width:1200px;margin:0 auto;padding:0 var(--page-padding-desktop)}@media (max-width:768px){.container{padding:0 var(--page-padding-mobile)}}.category-card{transition:all .2s ease;background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle)}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(10,37,64,.08)!important;border-color:var(--color-divider)!important}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;transition:background-color .15s ease;font-weight:500}.btn-primary:hover{background-color:var(--color-primary-hover)!important}.btn-back{transition:all .15s ease;border:1px solid var(--color-border-subtle);background-color:var(--color-bg-card);color:var(--color-text-secondary)}.btn-back:hover{border-color:var(--color-divider)!important;background-color:var(--color-bg-main)!important}.section-gap{margin-top:var(--section-gap);margin-bottom:var(--section-gap)}.card-padding{padding:var(--card-padding)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-6)}@media (min-width:768px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}.training-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.04)}.training-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:var(--color-divider)}.training-card-image{width:100%;aspect-ratio:16/9;background:var(--color-bg-main);overflow:hidden;border-bottom:1px solid var(--color-border-subtle)}.training-card-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);opacity:.3}.training-card-content{padding:var(--space-3);display:flex;flex-direction:column;flex:1 1}.training-card-title{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:600;color:var(--color-text-main);margin:0 0 var(--space-2) 0}.training-card-description{font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0;flex:1 1}.training-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.training-card-price{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-main)}.btn-buy{background:var(--btn-bg,var(--color-primary));color:var(--btn-text-color,#fff);border:none;border-radius:6px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease;flex:1 1;max-width:140px}.btn-buy:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(44,82,130,.3)}.training-card-ref{font-size:12px;color:var(--color-text-secondary);opacity:.5;margin-top:var(--space-2);font-family:monospace}.category-page-header{text-align:center;max-width:720px;margin:0 auto var(--space-8) auto}.category-page-title{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:600;color:var(--color-text-main);margin:0 0 var(--space-2) 0}.category-page-subtitle{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.section-alt{background:#f7f9fc}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.page-wrapper{animation:pageIn .15s ease-out}.training-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.training-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.06)}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.btn-buy:hover{background:var(--btn-bg-hover,var(--color-primary-hover))}.btn-back:hover{background:rgba(0,0,0,.04)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state,.empty-state-icon{color:var(--color-text-secondary)}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--space-3);opacity:.3}.empty-state-title{font-size:var(--font-size-h3);color:var(--color-text-main);margin:0 0 var(--space-2) 0;font-weight:500}.empty-state-description{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0;max-width:480px;margin-left:auto;margin-right:auto}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:var(--space-2)}.section-title{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:600;color:var(--color-text-main);margin:0 0 var(--space-2) 0}.section-description{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0;max-width:700px}