:root{--primary:#a72190;--primary-dark:#8b1c76;--primary-light:#c94aa8;--secondary:#6366f1;--accent:#f59e0b;--bg-light:#f8fafc;--bg-gradient-start:#fff;--bg-gradient-end:#f1f5f9;--text-dark:#1e293b;--text-medium:#475569;--text-light:#94a3b8;--white:#fff;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--glass-bg:#ffffff14;--glass-border:#ffffff4d;--shadow-glass:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008, 0 0 0 1px #ffffff1a inset;--shadow-glass-hover:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a, 0 0 0 1px #ffffff26 inset, 0 0 30px #a7219026;--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,Poppins,sans-serif;line-height:1.6;position:relative}body:before{content:"";opacity:.1;z-index:-1;pointer-events:none;background-image:url(https://pub-33737b2aa9d84562932483aa2479fcaa.r2.dev/abstract-tech-background.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.app{flex-direction:column;min-height:100vh;display:flex}.header{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);z-index:100;transition:all var(--transition-base);background:#ffffffd9;border-bottom:1px solid #a721901a;justify-content:flex-start;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.header.scrolled{background:#fffffff2;padding:.75rem 2rem}.logo{filter:drop-shadow(0 2px 4px #a7219033);height:56px;transition:transform var(--transition-base)}.logo:hover{transform:scale(1.05)}.header-title{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}main{flex:1;padding-bottom:4rem}.filter-container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 0;animation:.4s forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:none}.filter-tab{color:var(--text-medium);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);white-space:nowrap;background:0 0;border:.5px solid #a721904d;padding:.6rem 1.25rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;position:relative}.filter-tab:before{content:"";border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);opacity:0;z-index:-1;transition:opacity var(--transition-base);position:absolute;inset:0}.filter-tab:hover{color:var(--text-dark);border-color:var(--primary);transform:translateY(-2px)}.filter-tab.active{color:var(--white);border-color:#0000}.filter-tab.active:before{opacity:1}.filter-dropdown-wrapper{max-width:280px;margin:0 auto;display:block}.filter-dropdown{width:100%;color:var(--text-dark);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(5px);appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231e293b' d='M6 8.825L1.175 4 2.238 2.938 6 6.7 9.762 2.937 10.825 4z'/%3E%3C/svg%3E") right .75rem center no-repeat;border:.5px solid #a721904d;padding:.6rem 2.25rem .6rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.filter-dropdown:hover{border-color:var(--primary);box-shadow:0 0 0 3px #a721901a}.filter-dropdown:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #a7219026}@media (width>=768px){.filter-container{padding:1.5rem 3rem 0}.filter-tabs{display:flex}.filter-dropdown-wrapper{display:none}}.trainings-consolidated-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;max-width:1400px;margin:0 auto;padding:2rem;display:grid}@media (width>=768px){.trainings-consolidated-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:2rem 3rem}}@media (width>=1200px){.trainings-consolidated-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}}@media (width>=1600px){.trainings-consolidated-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.card-glassmorphic{-webkit-backdrop-filter:blur(20px);border:.5px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);transition:all var(--transition-base);cursor:pointer;will-change:transform, box-shadow;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0d 50%,#ffffff05 100%);position:relative;overflow:hidden}.card-glassmorphic:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--primary) 30%, var(--secondary) 70%, transparent 100%);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.card-glassmorphic:hover:before{opacity:1}.card-glassmorphic:hover{box-shadow:var(--shadow-glass-hover);transform:translateY(-12px)scale(1.01)}.card-image-3d{width:100%;height:180px;position:relative;overflow:hidden}.card-image-3d img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform var(--transition-slow);filter:contrast(1.05)saturate(1.1)}.card-glassmorphic:hover .card-image-3d img{transform:scale(1.08)translateY(-4px)}.card-image-overlay{pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,#0006 100%);position:absolute;inset:0}.card-glow-accent{filter:blur(30px);opacity:0;width:150px;height:150px;transition:opacity var(--transition-slow);z-index:2;pointer-events:none;background:radial-gradient(circle,#a7219040 0%,#0000 70%);position:absolute;top:-50px;right:-50px}.card-glassmorphic:hover .card-glow-accent{opacity:1}.card-category{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);border-radius:var(--radius-pill);background:#a721901a;border:1px solid #a7219033;margin-bottom:.5rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.card-content{z-index:3;background:linear-gradient(#ffffff05 0%,#00000005 100%);padding:1.25rem;position:relative}.card-title{color:var(--text-dark);letter-spacing:-.01em;text-shadow:0 1px 2px #fffc;transition:color var(--transition-fast);margin:0 0 .75rem;font-family:Inter,Poppins,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.3}.card-glassmorphic:hover .card-title{color:var(--text-dark)}.card-cta-link{color:var(--text-dark);transition:all var(--transition-base);opacity:.9;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.card-cta-link:after{content:"";background:var(--primary);width:0;height:1px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.card-glassmorphic:hover .card-cta-link{opacity:1;color:var(--primary)}.card-glassmorphic:hover .card-cta-link:after{width:100%}.card-cta-link i{transition:transform var(--transition-bounce);color:var(--primary);font-size:.75rem}.card-glassmorphic:hover .card-cta-link i{color:var(--primary);transform:translate(4px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{max-width:90%;max-height:90%;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-images{justify-content:center;align-items:center;display:flex}.modal-images img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:90vh;box-shadow:var(--shadow-2xl)}.modal-images.multi-page{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pages-container{justify-content:center;align-items:center;gap:1rem;width:100%;max-width:1200px;display:flex}.pages-container img{object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);animation:.25s ease-out imageFadeIn}.pages-container.spread-1 img{max-width:100%;max-height:85vh}.pages-container.spread-2 img{max-width:calc(50% - .5rem);max-height:85vh}@keyframes imageFadeIn{0%{opacity:.65;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.page-nav{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.page-nav:hover:not(:disabled){background:#fff3;transform:translateY(-50%)scale(1.1)}.page-nav:disabled{opacity:.3;cursor:not-allowed}.page-nav.prev{left:1rem}.page-nav.next{right:1rem}@media (width<=768px){.pages-container{flex-direction:column}.pages-container.spread-1 img{max-width:95%;max-height:80vh}.pages-container.spread-2 img{max-width:90%;max-height:40vh}.page-nav{width:40px;height:40px;font-size:1.2rem}.page-nav.prev{left:.5rem}.page-nav.next{right:.5rem}}.modal-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:2.5rem;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:-50px;right:0}.modal-close:hover{background:#fff3;transform:rotate(90deg)scale(1.1)}.modal-close i{font-size:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}