@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&family=Roboto+Mono:wght@300;400;500&display=swap');:root{--bs-primary:#005F56;--bs-primary-rgb:0,95,86;--bs-secondary:#263238;--bs-secondary-rgb:38,50,56;--bs-success:#005F56;--bs-danger:#dc3545;--bs-warning:#FFC107;--bs-info:#005F56;--bs-light:#ECEFF1;--bs-dark:#263238;--bs-body-color:#333333;--bs-body-bg:#F8FAFC;--bs-link-color:#005F56;--bs-link-hover-color:#004B45;--mobile-table-label-width:130px;--mobile-table-label-bg:#f8f9fa;--mobile-table-label-color:#495057;--mobile-table-cell-padding:15px;--mobile-table-border:#e9ecef;--mobile-table-shadow:0 2px 4px rgba(0,0,0,0.1);--mobile-base-font:14px;--mobile-small-font:12px;--mobile-large-font:16px;--mobile-h1:1.75rem;--mobile-h2:1.5rem;--mobile-h3:1.25rem;--mobile-h4:1.125rem;--mobile-h5:1rem;--mobile-h6:0.875rem;--connec-primary-btn-bg:#005F56;--connec-primary-btn-text:#FFFFFF;--connec-secondary-btn-bg:#263238;--connec-secondary-btn-text:#FFFFFF;--connec-accent:#FFC107;--connec-neutral-text:#333333;--connec-neutral-bg:#F8FAFC;--connec-card-bg:#F8FAFC;--connec-table-header-bg:#ECEFF1;--connec-hover-bg:#ECEFF1;--connec-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--connec-transition-fast:all 0.15s ease;--connec-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--connec-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--connec-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;line-height:1.6;color:var(--connec-neutral-text);background-color:var(--connec-neutral-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Playfair Display',serif;font-weight:600;line-height:1.3;color:var(--connec-neutral-text);margin-bottom:0.75rem}@media (max-width:768px){h1,.h1{font-size:var(--mobile-h1) !important}h2,.h2{font-size:var(--mobile-h2) !important}h3,.h3{font-size:var(--mobile-h3) !important}h4,.h4{font-size:var(--mobile-h4) !important}h5,.h5{font-size:var(--mobile-h5) !important}h6,.h6{font-size:var(--mobile-h6) !important}body{font-size:var(--mobile-base-font)}}code,pre,.code{font-family:'Roboto Mono','Consolas','Monaco',monospace;font-size:0.875em}strong,b,.font-weight-bold,.fw-bold,.text-bold{color:#1a1a1a !important;font-weight:600 !important}.bg-dark strong,.bg-primary strong,.bg-secondary strong,.text-light strong{color:#ffffff !important}li strong,p strong,td strong,th strong,span strong{color:#2c3e50 !important;font-weight:600 !important}.connec--btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border:none;border-radius:8px;font-family:'Inter',sans-serif;font-weight:500;font-size:0.875rem;line-height:1;text-decoration:none;transition:var(--connec-transition);cursor:pointer;white-space:nowrap;box-shadow:var(--connec-shadow-sm)}.connec--btn-primary:hover{transform:translateY(-1px);box-shadow:var(--connec-shadow);text-decoration:none}.connec--btn-primary:active{transform:translateY(0);box-shadow:var(--connec-shadow-sm)}.connec--btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border:2px solid var(--connec-secondary-btn-bg);border-radius:8px;font-family:'Inter',sans-serif;font-weight:500;font-size:0.875rem;line-height:1;text-decoration:none;transition:var(--connec-transition);cursor:pointer;white-space:nowrap}.connec--btn-secondary:hover{transform:translateY(-1px);box-shadow:var(--connec-shadow);text-decoration:none}.connec--card{border-radius:12px;border:1px solid rgba(0,0,0,0.08);overflow:hidden;transition:var(--connec-transition);box-shadow:var(--connec-shadow-sm)}.connec--card:hover{transform:translateY(-2px);box-shadow:var(--connec-shadow-lg)}.connec--card-header{padding:1.5rem;border-bottom:1px solid rgba(0,0,0,0.08)}.connec--card-body{padding:1.5rem}.connec--card-footer{padding:1rem 1.5rem;border-top:1px solid rgba(0,0,0,0.08)}.connec--input{width:100%;padding:0.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-family:'Inter',sans-serif;font-size:0.875rem;line-height:1.5;color:var(--connec-neutral-text);background-color:white;transition:var(--connec-transition-fast)}.connec--input:focus{outline:none;border-color:var(--bs-primary);box-shadow:0 0 0 3px rgba(0,95,86,0.1)}.connec--input:hover{border-color:#cbd5e0}.connec--table{width:100%;border-collapse:collapse;font-family:'Inter',sans-serif;background-color:white;border-radius:8px;overflow:hidden;box-shadow:var(--connec-shadow-sm)}.connec--table th{padding:1rem;text-align:left;font-weight:600;font-size:0.875rem;letter-spacing:0.025em;border-bottom:2px solid #e2e8f0}.connec--table td{padding:1rem;border-bottom:1px solid #f1f5f9;font-size:0.875rem;vertical-align:middle}.connec--table tr:hover td{background-color:var(--connec-hover-bg);transition:var(--connec-transition-fast)}.connec--table img{max-width:80px;max-height:60px;width:auto;height:auto;object-fit:contain;border-radius:4px}@media (min-width:769px){.connec--table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.connec--table-responsive .connec--table{min-width:800px}.connec--table-responsive .connec--table td:first-child,.connec--table-responsive .connec--table th:first-child{position:sticky;left:0;z-index:10;background-color:inherit}}@media (max-width:768px){.connec--table-responsive table,.connec--table-responsive thead,.connec--table-responsive tbody,.connec--table-responsive th,.connec--table-responsive td,.connec--table-responsive tr{display:block !important}.connec--table-responsive thead tr{position:absolute !important;top:-9999px !important;left:-9999px !important;visibility:hidden !important}.connec--table-responsive tr{border:1px solid #ddd !important;border-radius:8px !important;margin-bottom:15px !important;background:white !important;box-shadow:var(--mobile-table-shadow) !important;padding:0 !important;overflow:hidden !important}.connec--table-responsive td{border:none !important;border-bottom:1px solid var(--mobile-table-border) !important;position:relative !important;padding:var(--mobile-table-cell-padding) 20px var(--mobile-table-cell-padding) 140px !important;min-height:50px !important;display:flex !important;align-items:center !important;word-wrap:break-word !important;overflow-wrap:break-word !important;white-space:normal !important;font-size:var(--mobile-base-font) !important;line-height:1.4 !important}.connec--table-responsive td::before{content:attr(data-label) ":" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:var(--mobile-table-label-width) !important;padding:var(--mobile-table-cell-padding) 10px !important;font-weight:600 !important;text-align:left !important;background:var(--mobile-table-label-bg) !important;color:var(--mobile-table-label-color) !important;font-size:13px !important;line-height:1.3 !important;display:flex !important;align-items:center !important;word-wrap:break-word !important;overflow-wrap:break-word !important;white-space:normal !important;border-right:1px solid var(--mobile-table-border) !important}.connec--table-responsive td:last-child{border-bottom:none !important}.connec--table-responsive td img{max-width:60px !important;max-height:60px !important;width:auto !important;height:auto !important;margin:0 !important;display:block !important;object-fit:contain !important;border-radius:4px !important}.connec--table-responsive td .btn,.connec--table-responsive td button,.connec--table-responsive td a[class*="btn"],.connec--table-responsive td .connec--btn-primary,.connec--table-responsive td .connec--btn-secondary{width:auto !important;min-width:100px !important;margin:0 !important;font-size:var(--mobile-small-font) !important;padding:6px 12px !important;white-space:nowrap !important;border-radius:4px !important}.connec--table-responsive td[data-label*="Source"],.connec--table-responsive td[data-label*="Reference"],.connec--table-responsive td[data-label*="Description"],.connec--table-responsive td[data-label*="Details"]{padding-right:10px !important;font-size:13px !important;line-height:1.3 !important}.connec--table-responsive td[data-label*="Score"],.connec--table-responsive td[data-label*="Rating"],.connec--table-responsive td[data-label*="Stars"]{font-size:var(--mobile-large-font) !important}.connec--table-responsive td>*{max-width:100% !important;word-wrap:break-word !important;overflow-wrap:break-word !important}.connec--table-responsive{overflow-x:visible !important;-webkit-overflow-scrolling:auto !important;margin-bottom:20px !important}.connec--table-responsive .table td{padding:var(--mobile-table-cell-padding) 20px var(--mobile-table-cell-padding) 140px !important}.connec--table-responsive .table td::before{width:var(--mobile-table-label-width) !important;background:var(--mobile-table-label-bg) !important;color:var(--mobile-table-label-color) !important}}@media (max-width:480px){.connec--table-responsive td{padding:12px 15px 12px 120px !important;font-size:13px !important}.connec--table-responsive td::before{width:110px !important;padding:12px 8px !important;font-size:12px !important}.connec--table-responsive .table td{padding:12px 15px 12px 120px !important}}.connec--list{list-style:none;padding:0;margin:0}.connec--list-item{padding:1rem;border-bottom:1px solid #f1f5f9;transition:var(--connec-transition-fast);display:flex;align-items:center;justify-content:space-between}.connec--list-item:hover{transform:translateX(4px)}.connec--modal-content{border-radius:12px;border:none;box-shadow:var(--connec-shadow-lg);overflow:hidden}.connec--modal-header{padding:1.5rem;border-bottom:1px solid #f1f5f9}.connec--modal-body{padding:1.5rem}.connec--modal-footer{padding:1rem 1.5rem;border-top:1px solid #f1f5f9}.connec--icon{width:2rem;height:2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transition:var(--connec-transition)}.connec--icon:hover{transform:scale(1.1) rotate(5deg)}.connec--shadow-sm{box-shadow:var(--connec-shadow-sm)}.connec--shadow{box-shadow:var(--connec-shadow)}.connec--shadow-lg{box-shadow:var(--connec-shadow-lg)}.connec--rounded-sm{border-radius:4px}.connec--rounded{border-radius:8px}.connec--rounded-lg{border-radius:12px}.connec--rounded-xl{border-radius:16px}.connec--transition{transition:var(--connec-transition)}.connec--transition-fast{transition:var(--connec-transition-fast)}.connec--p-1{padding:0.25rem}.connec--p-2{padding:0.5rem}.connec--p-3{padding:0.75rem}.connec--p-4{padding:1rem}.connec--p-5{padding:1.25rem}.connec--p-6{padding:1.5rem}.connec--m-1{margin:0.25rem}.connec--m-2{margin:0.5rem}.connec--m-3{margin:0.75rem}.connec--m-4{margin:1rem}.connec--m-5{margin:1.25rem}.connec--m-6{margin:1.5rem}.connec--text-sm{font-size:0.875rem}.connec--text-base{font-size:1rem}.connec--text-lg{font-size:1.125rem}.connec--text-xl{font-size:1.25rem}.connec--font-light{font-weight:300}.connec--font-normal{font-weight:400}.connec--font-medium{font-weight:500}.connec--font-semibold{font-weight:600}.connec--font-bold{font-weight:700}.connec--img-responsive{max-width:100%;height:auto;object-fit:contain}.connec--logo{max-width:120px;max-height:60px;width:auto;height:auto;object-fit:contain}@media (max-width:768px){.connec--logo{max-width:80px;max-height:40px}}.connec--line-art{stroke:var(--bs-primary);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.connec--texture{background-image:radial-gradient(circle at 25px 25px,rgba(0,95,86,0.03) 2%,transparent 0%),radial-gradient(circle at 75px 75px,rgba(38,50,56,0.03) 2%,transparent 0%);background-size:100px 100px}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.connec--btn-primary:focus,.connec--btn-secondary:focus,.connec--input:focus{outline:2px solid var(--bs-primary);outline-offset:2px}@media (prefers-contrast:high){.connec--card{border:2px solid currentColor}.connec--btn-primary,.connec--btn-secondary{border:2px solid currentColor}}@media print{.connec--table-responsive{overflow:visible !important}.connec--table{page-break-inside:avoid}.connec--card{page-break-inside:avoid;box-shadow:none;border:1px solid #000}}.connec--text-logo{font-family:'Playfair Display',serif;font-size:1.75rem;font-weight:600;letter-spacing:-0.025em}.connec-main-navigation{position:relative}.connec-nav-menu{gap:0}.connec-nav-link{padding:0.75rem 1rem;font-weight:500;font-size:0.9rem;letter-spacing:0.01em;transition:var(--connec-transition-fast);border-radius:4px}.connec-nav-link:hover{background-color:rgba(255,255,255,0.1);transform:translateY(-1px)}.connec-tagline{font-size:0.875rem;font-weight:400;font-style:italic}@media (max-width:768px){.connec--text-logo{font-size:1.25rem}.connec-nav-menu{flex-direction:column;text-align:center}.connec-nav-item{margin:0.25rem 0 !important}.connec-tagline{display:none}}
