@font-face{font-family:DIN Next LT Pro;src:url(fonts/DINNextLTPro-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:DIN Next LT Pro;src:url(fonts/DINNextLTPro-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:DIN Next LT Pro;src:url(fonts/DINNextLTPro-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:DIN Next LT Pro;src:url(fonts/DINNextLTPro-Black.otf) format("opentype");font-weight:900;font-style:normal}body,html{height:100%;font-family:Calibri,Arial,sans-serif;line-height:1.6;color:#333}.header{height:100vh;background-color:#003456;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}h1{font-family:DIN Next LT Pro,Calibri,Arial,sans-serif;font-size:3em;margin-bottom:20px;font-weight:500}h2{font-family:DIN Next LT Pro,Calibri,Arial,sans-serif;font-size:1.5em;font-weight:400}.logo-container{position:absolute;bottom:20px;display:flex;justify-content:center;width:100%}.logo{max-width:150px;height:auto;margin:0 20px}.main-container{display:flex;max-width:1200px;margin:0 auto;padding:40px 20px}.sidebar-wrapper{width:300px;margin-right:40px}.sidebar{position:sticky;top:20px}#search-bar,.dropbtn{width:100%;padding:10px;margin-bottom:30px;border:1px solid #ccc;border-radius:5px;outline:none;background-color:#fff;color:#333;font-family:Calibri,Arial,sans-serif;font-size:14px;text-align:left;cursor:pointer}.dropbtn{display:flex;justify-content:space-between;align-items:center}.dropbtn:after{content:"▼";font-size:12px;color:#ccc}.dropdown{position:relative;display:inline-block;width:100%;margin-bottom:30px}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;width:100%;box-shadow:0 8px 16px #0003;z-index:10;max-height:300px;overflow-y:auto}.dropdown-content a{color:#000;padding:8px 12px;text-decoration:none;display:block;font-size:12px;line-height:1.2}.dropdown-content a:hover{background-color:#f1f1f1}.show{display:block}.content{flex-grow:1}.category{margin-bottom:40px}.category h2{font-family:DIN Next LT Pro,Calibri,Arial,sans-serif;color:#003456;border-bottom:2px solid #003456;padding-bottom:10px;margin-bottom:20px}.course{background-color:#fff;border:1px solid #aaa2a5;padding:20px;margin-bottom:20px;border-radius:5px;display:flex;align-items:center}.course-content{flex-grow:1;margin-right:20px}.course h3{font-family:DIN Next LT Pro,Calibri,Arial,sans-serif;font-weight:400;margin-top:0;margin-bottom:15px;color:#06a2c6}.course p{font-family:Calibri,Arial,sans-serif;margin-bottom:15px}.course-thumbnail{width:150px;height:150px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.course-thumbnail img{max-width:100%;max-height:100%;object-fit:cover}.start-button{font-family:Calibri,Arial,sans-serif;background-color:#089b86;color:#fff;padding:10px 20px;text-decoration:none;display:inline-block;border-radius:5px;transition:background-color .3s}.start-button:hover{background-color:#06a2c6}@media print{@page{margin:0;size:A4}body{background-color:#fff;margin:0;padding:0}.header{height:100vh;page-break-after:always;background-color:#003456!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.logo-container{position:absolute;bottom:50px}.main-container{display:block}.sidebar-wrapper{display:none}.content{width:100%;page-break-before:always}.course{page-break-inside:avoid}.start-button{display:none}.category h2{font-size:24px;margin-top:20px}.course h3{font-size:18px}.course p{font-size:14px}}.pdf-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pdf-modal-content{background:#fff;border-radius:8px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pdf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ddd;background-color:#003456;color:#fff;border-radius:8px 8px 0 0}.pdf-modal-header h3{margin:0;font-size:20px;font-weight:500}.close-button{background:none;border:none;font-size:32px;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:#ffffff1a}.pdf-modal-body{flex:1;overflow:auto;padding:20px;display:flex;justify-content:center;align-items:flex-start;min-height:400px;background-color:#f5f5f5}.pdf-loading,.pdf-error{text-align:center;padding:40px;font-size:18px;color:#666}.pdf-error{color:#d32f2f}.react-pdf__Document{display:flex;justify-content:center}.react-pdf__Page{max-width:100%;box-shadow:0 2px 8px #0000001a}.react-pdf__Page canvas{max-width:100%;height:auto!important}.pdf-modal-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:15px 20px;border-top:1px solid #ddd;background-color:#fff;border-radius:0 0 8px 8px}.pdf-modal-controls button{padding:8px 16px;background-color:#003456;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.pdf-modal-controls button:hover:not(:disabled){background-color:#004a75}.pdf-modal-controls button:disabled{background-color:#ccc;cursor:not-allowed}.page-info{font-size:14px;color:#666;min-width:100px;text-align:center}.download-link{padding:8px 16px;color:#003456;text-decoration:none;border:1px solid #003456;border-radius:4px;font-size:14px;transition:all .2s}.download-link:hover{background-color:#003456;color:#fff}@media(max-width:768px){.pdf-modal-content{max-width:100vw;max-height:100vh;border-radius:0}.pdf-modal-header{border-radius:0}.pdf-modal-controls{flex-wrap:wrap;gap:10px;border-radius:0}.page-info{width:100%}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}:root{--primary: #005D83;--azure: #38B5D1;--yellow: #F2C546;--mint: #39AF9E;--faded-azure: #E6F6FA;--faded-yellow: #FEFBF0;--faded-mint: #EBF9F7;--faded-red: #fff1f2;--faded-primary: #f0f6f9;--white: #FFFFFF;--text-dark: #2D3748;--text-grey: #555555;--text-muted: #718096;--border: #E2E8F0;--border-light: #F1F5F9;--alert: #e53e3e;--shadow-sm: 0 1px 3px rgba(0,93,131,.06), 0 1px 2px rgba(0,93,131,.08);--shadow-md: 0 4px 12px rgba(0,93,131,.08), 0 2px 4px rgba(0,93,131,.06);--shadow-lg: 0 12px 40px rgba(0,93,131,.12), 0 4px 12px rgba(0,93,131,.06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Calibri,Segoe UI,-apple-system,sans-serif;background:var(--white);color:var(--text-dark);line-height:1.6;min-height:100vh}.catalog-container{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.catalog-header{padding:clamp(32px,6vh,56px) 0 clamp(24px,4vh,40px);border-bottom:2px solid var(--primary);margin-bottom:32px}.header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{display:flex;flex-direction:column;gap:8px}.brand-subtitle{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--azure)}.catalog-title{font-family:Calibri,Segoe UI,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--primary)}.catalog-title span{color:var(--azure)}.catalog-description{font-size:16px;color:var(--text-grey);max-width:520px;margin-top:12px;line-height:1.5}.language-selector{position:relative}.language-button{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--white);border:2px solid var(--border);border-radius:8px;font-family:Calibri,Segoe UI,sans-serif;font-size:15px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.language-button:hover{border-color:var(--azure);box-shadow:var(--shadow-md)}.language-button .flag{font-size:20px}.language-button .chevron{margin-left:4px;color:var(--azure);transition:transform var(--transition-fast)}.language-button.open .chevron{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--white);border:2px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:100;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;font-family:Calibri,Segoe UI,sans-serif;font-size:15px;font-weight:500;color:var(--text-dark);cursor:pointer;transition:background var(--transition-fast);text-align:left}.language-option:hover{background:var(--faded-azure)}.language-option.active{background:var(--faded-azure);color:var(--primary);font-weight:600}.language-option .flag{font-size:22px}.filter-bar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:32px}.search-wrapper{position:relative;min-width:280px;max-width:350px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:14px 16px 14px 48px;background:var(--white);border:2px solid var(--border);border-radius:8px;font-family:Calibri,Segoe UI,sans-serif;font-size:15px;color:var(--text-dark);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--azure);box-shadow:0 0 0 3px #38b5d126}.search-input::placeholder{color:var(--text-muted)}.categories-wrapper{display:flex;gap:8px;flex-wrap:wrap;flex:2;background:var(--faded-primary);padding:16px;border-radius:12px}.category-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--white);border:2px solid var(--border);border-radius:100px;font-family:Calibri,Segoe UI,sans-serif;font-size:14px;font-weight:600;color:var(--text-grey);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-transform:capitalize}.category-chip svg{flex-shrink:0}.category-chip:hover{border-color:var(--azure);color:var(--primary);background:var(--faded-azure)}.category-chip.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.category-chip.active svg{color:var(--white)}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border);gap:24px}.results-count{font-size:14px;color:var(--text-muted)}.results-count strong{color:var(--primary);font-weight:700}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;padding-bottom:64px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.course-card{background:var(--white);border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);animation:cardFadeIn .4s ease-out both;display:flex;flex-direction:column}.course-card.clickable{cursor:pointer}.course-card.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--azure)}.course-card:not(.clickable):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.course-card-image-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden}.course-card-image-container{width:100%;height:100%;background:linear-gradient(135deg,var(--faded-azure),var(--faded-mint))}.course-card-image-container.loaded{background:transparent}.course-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.course-card.clickable:hover .course-card-image{transform:scale(1.05)}.course-card-category{position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:capitalize}.course-card-content{padding:20px;display:flex;flex-direction:column;flex:1}.course-card-title{font-family:Calibri,Segoe UI,sans-serif;font-size:20px;font-weight:700;line-height:1.3;color:var(--primary);margin-bottom:8px}.course-card-description{font-size:14px;line-height:1.55;color:var(--text-grey);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border-light)}.pdf-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--mint);text-transform:uppercase;letter-spacing:.04em}.duration-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#e66b5d;text-transform:uppercase;letter-spacing:.04em;margin-left:auto}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.loading-spinner{width:48px;height:48px;border:4px solid var(--faded-azure);border-top-color:var(--azure);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:16px;color:var(--text-muted)}.error-message{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--faded-red);border:2px solid var(--alert);border-radius:8px;color:var(--alert);margin-bottom:24px;font-size:15px;font-weight:600}.empty-state{grid-column:1 / -1;text-align:center;padding:80px 20px}.empty-state-icon{width:80px;height:80px;margin:0 auto 24px;background:var(--faded-azure);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--azure)}.empty-state-title{font-family:Calibri,Segoe UI,sans-serif;font-size:26px;font-weight:700;color:var(--primary);margin-bottom:8px}.empty-state-text{color:var(--text-grey);font-size:16px}@media(max-width:768px){.header-top{flex-direction:column}.filter-bar{flex-direction:column;align-items:stretch}.results-info{flex-direction:column;align-items:stretch;gap:16px}.search-wrapper{max-width:none}.categories-wrapper{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.course-grid{grid-template-columns:1fr}}