:root{--syn-primary:#156064;--syn-primary-dark:#0d4448;--syn-accent:#add2c2;--syn-purple:#392759;--syn-purple-light:#a882dd;--syn-badge-bg:#f7f5ee;--syn-badge-border:#b39c4d;--syn-badge-text:#392759;--syn-mode-bg:#f0f7f4;--syn-mode-border:#add2c2;--syn-mode-text:#156064;--syn-radius:10px;--syn-shadow:0 4px 20px rgba(21,96,100,.1);--syn-shadow-hover:0 16px 48px rgba(21,96,100,.2)}*,*::before,*::after{box-sizing:border-box}.synoptence-formations-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f8fafb;padding:60px 40px}.synoptence-container{max-width:1400px;margin:0 auto}.syn-search-bar{position:relative;max-width:680px;margin:0 auto 52px auto;animation:synFadeDown .8s .1s ease-out both}.syn-search-inner{display:flex;align-items:center;background:#fff;border:2px solid rgb(21 96 100 / .18);border-radius:50px;padding:0 20px;box-shadow:0 4px 24px rgb(21 96 100 / .1);transition:border-color .25s,box-shadow .25s}.syn-search-inner:focus-within{border-color:var(--syn-primary);box-shadow:0 4px 24px rgb(21 96 100 / .2),0 0 0 3px rgb(21 96 100 / .08)}.syn-search-icon{color:var(--syn-primary);display:flex;align-items:center;flex-shrink:0;margin-right:12px;opacity:.7}.syn-search-input{flex:1;border:none;outline:none;font-size:1rem;padding:16px 0;background:#fff0;color:#333;min-width:0}.syn-search-input::placeholder{color:#aab}.syn-search-clear{display:flex;align-items:center;justify-content:center;background:#eee;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;color:#666;flex-shrink:0;margin-left:10px;transition:background .2s,color .2s}.syn-search-clear:hover{background:var(--syn-primary);color:#fff}.syn-search-inline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding:14px 20px;background:#fff;border:1px solid rgb(21 96 100 / .12);border-radius:var(--syn-radius);box-shadow:0 2px 12px rgb(21 96 100 / .08);animation:synFadeDown .3s ease-out both}.syn-search-count{font-size:.92rem;color:#666}.syn-search-count strong{color:var(--syn-primary)}.syn-search-back-btn{background:none;border:1.5px solid rgb(21 96 100 / .3);border-radius:20px;padding:6px 16px;font-size:.82rem;cursor:pointer;color:var(--syn-primary);font-weight:600;transition:all .2s}.syn-search-back-btn:hover{background:var(--syn-primary);color:#fff;border-color:var(--syn-primary)}.syn-search-loading--inline{display:flex;align-items:center;justify-content:center;gap:14px;padding:80px 30px;color:#999;font-size:.95rem}.syn-search-spinner{width:22px;height:22px;border:2.5px solid rgb(21 96 100 / .2);border-top-color:var(--syn-primary);border-radius:50%;animation:synSpin .7s linear infinite}.syn-search-no-results{text-align:center;padding:50px 30px;color:#aaa}.syn-search-no-results p{font-size:1rem;margin:12px 0 6px;color:#666}.syn-search-no-results small{font-size:.85rem}.syn-result-sector-tag{display:inline-block;background:rgb(21 96 100 / .08);color:var(--syn-primary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-radius:20px;padding:3px 10px;margin-bottom:10px}mark.syn-highlight{background:rgb(179 156 77 / .25);color:inherit;border-radius:2px;padding:0 1px}.synoptence-grid{display:grid;grid-template-columns:240px 1fr;gap:40px;animation:synFadeIn .5s ease-out both}.synoptence-sidebar{position:sticky;top:24px;height:fit-content}.synoptence-sidebar-title{font-size:.85rem;font-weight:700;color:var(--syn-purple);text-transform:uppercase;letter-spacing:1px;margin:0 0 20px 0}.synoptence-sectors-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;border-radius:var(--syn-radius);overflow:hidden;box-shadow:var(--syn-shadow)}.synoptence-sector-item{margin:0;border-bottom:1px solid rgb(21 96 100 / .07)}.synoptence-sector-item:last-child{border-bottom:none}.synoptence-sector-button{width:100%;padding:13px 16px;background:#fff;border:none;border-left:4px solid #fff0;color:var(--syn-purple);font-size:.93rem;font-weight:500;cursor:pointer;text-align:left;transition:all .25s ease;display:block}.synoptence-sector-button:hover{background:rgb(21 96 100 / .04);border-left-color:var(--syn-accent);color:var(--syn-primary);padding-left:20px}.synoptence-sector-item.active .synoptence-sector-button{background:rgb(21 96 100 / .05);border-left-color:var(--syn-primary);color:var(--syn-primary);font-weight:700}.synoptence-main{padding-top:2px}.synoptence-sector-title{font-size:1.9rem;font-weight:700;color:var(--syn-purple);text-transform:uppercase;letter-spacing:1px;margin:0 0 32px 0;animation:synSlideLeft .45s ease-out both}.synoptence-formations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}.syn-carousel{position:relative}.syn-carousel-track-wrap{overflow:hidden;border-radius:var(--syn-radius);container-type:inline-size}.syn-carousel-track{display:flex;gap:28px;transition:transform .45s cubic-bezier(.25,.46,.45,.94);will-change:transform}.syn-carousel-track .synoptence-formation-card{flex:0 0 calc((100cqi - 56px) / 3);width:calc((100cqi - 56px) / 3)}.syn-carousel-btn{position:absolute;top:50%;transform:translateY(calc(-50% - 26px));z-index:10;width:42px;height:42px;border-radius:50%;border:1.5px solid rgb(21 96 100 / .2);background:rgb(255 255 255 / .95);color:var(--syn-primary);font-size:1.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .22s ease;box-shadow:0 3px 12px rgb(21 96 100 / .12);padding:0}.syn-carousel-btn:hover{background:var(--syn-primary);color:#fff;border-color:var(--syn-primary);box-shadow:0 6px 20px rgb(21 96 100 / .28)}.syn-carousel-prev{left:-22px}.syn-carousel-next{right:-22px}.syn-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}.syn-dot{width:8px;height:8px;border-radius:50%;border:none;background:rgb(21 96 100 / .2);cursor:pointer;padding:0;transition:all .3s ease}.syn-dot.active,.syn-dot:hover{background:var(--syn-primary);transform:scale(1.3)}.synoptence-formation-card{background:#fff;border:1px solid #eaeaea;border-radius:var(--syn-radius);overflow:hidden;box-shadow:var(--syn-shadow);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;animation:synCardIn .55s ease-out both;opacity:0;position:relative}.synoptence-formation-card::before{content:'';position:absolute;top:0;left:50%;right:50%;height:3px;background:linear-gradient(90deg,var(--syn-primary-dark) 0%,var(--syn-primary) 50%,var(--syn-primary-dark) 100%);border-radius:0 0 2px 2px;transition:left .4s cubic-bezier(.25,.46,.45,.94),right .4s cubic-bezier(.25,.46,.45,.94);z-index:2}.synoptence-formation-card:hover::before{left:0;right:0}.synoptence-formation-card:hover{transform:translateY(-10px);box-shadow:var(--syn-shadow-hover);border-color:var(--syn-primary)}.synoptence-card-image{width:100%;height:200px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--syn-purple-light) 0%,var(--syn-accent) 100%)}.synoptence-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.synoptence-formation-card:hover .synoptence-card-image img{transform:scale(1.07)}.synoptence-card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.synoptence-card-title{font-size:1.1rem;font-weight:700;color:var(--syn-purple);margin:0 0 10px 0;line-height:1.4}.synoptence-card-link{color:inherit;text-decoration:none;transition:color .2s}.synoptence-card-link:hover{color:var(--syn-primary)}.synoptence-card-duration{font-size:.87rem;color:var(--syn-primary);font-weight:600;margin:0 0 8px 0}.synoptence-card-description{font-size:.87rem;color:#666;line-height:1.55;margin:0 0 14px 0;flex-grow:1}.synoptence-card-modes{margin-bottom:10px}.synoptence-card-badges{margin-bottom:14px}.synoptence-modes-list,.synoptence-badges-list{display:flex;flex-wrap:wrap;gap:5px}.synoptence-mode-badge{padding:4px 11px;background:var(--syn-mode-bg);border:1px solid var(--syn-mode-border);color:var(--syn-mode-text);border-radius:20px;font-size:.76rem;font-weight:600;white-space:nowrap;transition:all .25s}.synoptence-mode-badge:hover{background:var(--syn-mode-border);color:#fff;transform:translateY(-2px)}.synoptence-skill-badge{padding:4px 11px;background:var(--syn-badge-bg);border:1px solid var(--syn-badge-border);color:var(--syn-badge-text);border-radius:20px;font-size:.76rem;font-weight:600;white-space:nowrap;transition:all .25s}.synoptence-skill-badge:hover{background:var(--syn-badge-border);color:#fff;transform:translateY(-2px)}.synoptence-card-btn{display:block;margin-top:auto;padding:10px 18px;background:var(--syn-primary);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:.87rem;text-align:center;border:2px solid var(--syn-primary);transition:all .25s ease;cursor:pointer}.synoptence-card-btn:hover{background:#fff0;color:var(--syn-primary)}.synoptence-empty-sector{text-align:center;padding:70px 30px;background:#fff;border:2px dashed rgb(21 96 100 / .2);border-radius:16px;animation:synFadeIn .5s ease-out both}.synoptence-empty-icon{font-size:4rem;display:block;margin-bottom:20px;animation:synPulse 2.5s infinite ease-in-out}.synoptence-empty-title{font-size:1.4rem;font-weight:700;color:var(--syn-purple);margin:0 0 14px 0}.synoptence-empty-text{font-size:.97rem;color:#666;line-height:1.75;max-width:500px;margin:0 auto 28px}.synoptence-empty-text strong{color:var(--syn-primary)}.synoptence-empty-dots{display:flex;justify-content:center;gap:8px}.synoptence-empty-dots span{width:10px;height:10px;border-radius:50%;background:var(--syn-accent);display:inline-block;animation:synDotBounce 1.4s infinite ease-in-out both}.synoptence-empty-dots span:nth-child(1){animation-delay:-.32s}.synoptence-empty-dots span:nth-child(2){animation-delay:-.16s}@keyframes synFadeDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes synSlideLeft{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes synFadeIn{from{opacity:0}to{opacity:1}}@keyframes synCardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes synSpin{to{transform:rotate(360deg)}}@keyframes synPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes synDotBounce{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@media (max-width:1024px){.synoptence-formations-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.syn-carousel-track .synoptence-formation-card{flex:0 0 calc((100cqi - 28px) / 2);width:calc((100cqi - 28px) / 2)}}@media (max-width:768px){.synoptence-formations-wrapper{padding:40px 20px}.synoptence-title{font-size:2rem;margin-bottom:28px}.syn-search-bar{margin-bottom:36px}.syn-search-inline-header{flex-direction:column;gap:10px;align-items:flex-start}.synoptence-grid{grid-template-columns:1fr;gap:22px}.synoptence-sidebar{position:relative;top:0}.synoptence-sectors-list{flex-direction:row;flex-wrap:wrap;gap:6px;border-radius:0;box-shadow:none}.synoptence-sector-item{border-bottom:none;flex:1;min-width:120px}.synoptence-sector-button{border-left:none;border-bottom:2px solid #fff0;border-radius:6px;padding:9px 10px;text-align:center;font-size:.85rem;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .06)}.synoptence-sector-button:hover,.synoptence-sector-item.active .synoptence-sector-button{border-left:none;border-bottom-color:var(--syn-primary);padding-left:10px}.synoptence-formations-grid{grid-template-columns:1fr}.syn-carousel-track .synoptence-formation-card{flex:0 0 100cqi;width:100cqi}.syn-carousel-prev{left:-10px}.syn-carousel-next{right:-10px}.syn-carousel-btn{width:34px;height:34px;font-size:1.3rem}.synoptence-sector-title{font-size:1.5rem;margin-bottom:22px}}@media (max-width:480px){.synoptence-formations-wrapper{padding:28px 14px}.synoptence-title{font-size:1.5rem}.synoptence-card-content{padding:15px}.synoptence-card-image{height:160px}.syn-carousel-prev{left:-6px}.syn-carousel-next{right:-6px}}