@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Playfair+Display:wght@400;600;700&family=Source+Code+Pro:wght@300;400;500;600&display=swap');:root{--tw-color-primary:#C62828;--tw-color-primary-dark:#9E2020;--tw-color-secondary:#2C3E50;--tw-color-secondary-light:#F1F5F9;--tw-color-accent:#2E7D32;--tw-color-neutral-text:#333333;--tw-color-neutral-bg:#F8F9FA;--tw-color-white:#FFFFFF;--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-header-max:2rem;--font-primary:'Open Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-display:'Playfair Display',Georgia,serif;--font-mono:'Source Code Pro','Courier New',monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}.bg-red-700{background-color:var(--tw-color-primary) !important}.bg-red-800{background-color:var(--tw-color-primary-dark) !important}.bg-slate-700{background-color:var(--tw-color-secondary) !important}.bg-slate-100{background-color:var(--tw-color-secondary-light) !important}.bg-green-700{background-color:var(--tw-color-accent) !important}.bg-gray-50{background-color:var(--tw-color-neutral-bg) !important}.bg-white{background-color:var(--tw-color-white) !important}.text-red-700{color:var(--tw-color-primary) !important}.text-slate-700{color:var(--tw-color-secondary) !important}.text-gray-800{color:var(--tw-color-neutral-text) !important}.text-white{color:var(--tw-color-white) !important}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--tw-color-neutral-text);background-color:var(--tw-color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.notif--heading{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--tw-color-neutral-text);margin-bottom:var(--spacing-md)}h1,.notif--h1{font-size:clamp(1.75rem,4vw,3rem);font-weight:700}h2,.notif--h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h3,.notif--h3{font-size:clamp(1.25rem,3vw,2rem)}h4,.notif--h4{font-size:clamp(1.125rem,2.5vw,1.5rem)}h5,.notif--h5{font-size:clamp(1rem,2vw,1.25rem)}h6,.notif--h6{font-size:clamp(0.875rem,1.5vw,1.125rem)}@media (max-width:768px){h1,h2,.notif--h1,.notif--h2{font-size:var(--mobile-header-max) !important}h3,.notif--h3{font-size:1.75rem !important}h4,h5,h6,.notif--h4,.notif--h5,.notif--h6{font-size:1.25rem !important}}strong,b,.font-bold,.font-semibold{color:#1a1a1a !important;font-weight:600 !important}.bg-slate-700 strong,.bg-red-700 strong,.bg-red-800 strong,.bg-green-700 strong{color:#ffffff !important}li strong,p strong,td strong,th strong,span strong{color:var(--tw-color-secondary) !important;font-weight:600 !important}code,pre,.notif--code{font-family:var(--font-mono);background-color:var(--tw-color-neutral-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:0.875em}pre{padding:var(--spacing-md);overflow-x:auto;border-radius:var(--radius-md)}a,.notif--link{color:var(--tw-color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover,.notif--link:hover{color:var(--tw-color-primary-dark);text-decoration:underline}.notif--btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;font-family:var(--font-primary);font-size:0.875rem;font-weight:500;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.notif--btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.notif--btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.notif--btn:focus{outline:2px solid var(--tw-color-primary);outline-offset:2px}.notif--btn--sm{padding:0.5rem 1rem;font-size:0.75rem}.notif--btn--lg{padding:1rem 2rem;font-size:1rem}.notif--btn--full{width:100%}.notif--card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal);border:1px solid rgba(0,0,0,0.05)}.notif--card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.notif--card__header{padding:var(--spacing-lg);border-bottom:1px solid var(--tw-color-secondary-light)}.notif--card__body{padding:var(--spacing-lg)}.notif--card__footer{padding:var(--spacing-lg);border-top:1px solid var(--tw-color-secondary-light)}.notif--card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--tw-color-neutral-text);margin-bottom:var(--spacing-sm)}.notif--input{width:100%;padding:0.75rem 1rem;font-family:var(--font-primary);font-size:1rem;color:var(--tw-color-neutral-text);background-color:var(--tw-color-white);border:2px solid var(--tw-color-secondary-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.notif--input:focus{outline:none;border-color:var(--tw-color-primary);box-shadow:0 0 0 3px rgba(198,40,40,0.1)}.notif--input:disabled{background-color:var(--tw-color-neutral-bg);cursor:not-allowed;opacity:0.6}.notif--input--error{border-color:var(--tw-color-primary)}.notif--label{display:block;font-size:0.875rem;font-weight:500;color:var(--tw-color-neutral-text);margin-bottom:var(--spacing-xs)}.notif--form-group{margin-bottom:var(--spacing-lg)}.notif--form-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.notif--form-col{flex:1;min-width:200px}.notif--table{width:100%;border-collapse:collapse;font-size:0.875rem;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);overflow:hidden}.notif--table th{padding:1rem;text-align:left;font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;border-bottom:2px solid var(--tw-color-secondary-light)}.notif--table td{padding:1rem;border-bottom:1px solid var(--tw-color-secondary-light);vertical-align:middle}.notif--table tr:hover{background-color:var(--tw-color-secondary-light);transition:background-color var(--transition-fast)}.notif--table tr:last-child td{border-bottom:none}.notif--table img,.notif--table-logo{max-width:60px;max-height:40px;width:auto;height:auto;border-radius:var(--radius-sm)}.notif--table-container{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@media (min-width:769px){.notif--table-container{max-width:100%}.notif--table-sticky .notif--table th:first-child,.notif--table-sticky .notif--table td:first-child{position:sticky;left:0;z-index:10;background-color:inherit;box-shadow:2px 0 4px rgba(0,0,0,0.1)}}.notif--table-responsive{width:100%;overflow-x:visible;-webkit-overflow-scrolling:auto;margin-bottom:20px}@media (max-width:768px){.notif--table-responsive table,.notif--table-responsive thead,.notif--table-responsive tbody,.notif--table-responsive th,.notif--table-responsive td,.notif--table-responsive tr{display:block !important}.notif--table-responsive thead tr{position:absolute !important;top:-9999px !important;left:-9999px !important;visibility:hidden !important}.notif--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}.notif--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}.notif--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}.notif--table-responsive td:last-child{border-bottom:none !important}.notif--table-responsive td img{max-width:60px !important;max-height:60px !important;width:auto !important;height:auto !important;margin:0 !important;display:block !important}.notif--table-responsive td .notif--btn,.notif--table-responsive td button,.notif--table-responsive td a[class*="btn"]{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}.notif--table-responsive td[data-label*="Source"],.notif--table-responsive td[data-label*="Reference"],.notif--table-responsive td[data-label*="Description"]{padding-right:10px !important;font-size:13px !important;line-height:1.3 !important}.notif--table-responsive td[data-label*="Score"],.notif--table-responsive td[data-label*="Rating"]{font-size:var(--mobile-large-font) !important}.notif--table-responsive td>*{max-width:100% !important;word-wrap:break-word !important;overflow-wrap:break-word !important}}@media (max-width:480px){.notif--table-responsive td{padding:12px 15px 12px 120px !important;font-size:13px !important}.notif--table-responsive td::before{width:110px !important;padding:12px 8px !important;font-size:var(--mobile-small-font) !important}}.notif--list{list-style:none;padding:0;margin:0}.notif--list-item{padding:var(--spacing-md);border-bottom:1px solid var(--tw-color-secondary-light);transition:background-color var(--transition-fast)}.notif--list-item:hover{cursor:pointer}.notif--list-item:last-child{border-bottom:none}.notif--list-item__title{font-weight:600;color:var(--tw-color-neutral-text);margin-bottom:var(--spacing-xs)}.notif--list-item__subtitle{font-size:0.875rem;color:var(--tw-color-secondary);margin-bottom:var(--spacing-sm)}.notif--list-item__meta{font-size:0.75rem;color:var(--tw-color-secondary);display:flex;gap:var(--spacing-md)}.notif--modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.notif--modal.notif--modal--active{opacity:1;visibility:visible}.notif--modal__content{max-width:90vw;max-height:90vh;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;transform:scale(0.9);transition:transform var(--transition-normal)}.notif--modal--active .notif--modal__content{transform:scale(1)}.notif--modal__header{padding:var(--spacing-xl);border-bottom:1px solid var(--tw-color-secondary-light);display:flex;align-items:center;justify-content:space-between}.notif--modal__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--tw-color-neutral-text);margin:0}.notif--modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--tw-color-secondary);transition:color var(--transition-fast)}.notif--modal__close:hover{color:var(--tw-color-neutral-text)}.notif--modal__body{padding:var(--spacing-xl);overflow-y:auto}.notif--modal__footer{padding:var(--spacing-xl);border-top:1px solid var(--tw-color-secondary-light);display:flex;gap:var(--spacing-md);justify-content:flex-end}.notif--img{max-width:100%;height:auto;border-radius:var(--radius-md)}.notif--img--cover{object-fit:cover}.notif--img--contain{object-fit:contain}.notif--img--rounded{border-radius:var(--radius-xl)}.notif--img--circle{border-radius:50%}.notif--logo{max-height:40px;width:auto;transition:transform var(--transition-fast)}.notif--logo:hover{transform:scale(1.05)}.notif--logo--sm{max-height:24px}.notif--logo--lg{max-height:60px}.notif--icon{display:inline-block;width:1em;height:1em;fill:currentColor;vertical-align:-0.125em}.notif--icon--sm{width:0.875em;height:0.875em}.notif--icon--lg{width:1.25em;height:1.25em}.notif--icon--xl{width:1.5em;height:1.5em}@keyframes notif--fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes notif--slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes notif--bounce{0%,20%,53%,80%,100%{transform:translate3d(0,0,0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.notif--animate-fadeIn{animation:notif--fadeIn 0.5s ease-out}.notif--animate-slideInRight{animation:notif--slideInRight 0.3s ease-out}.notif--animate-bounce{animation:notif--bounce 1s}.notif--hover-lift{transition:transform var(--transition-fast)}.notif--hover-lift:hover{transform:translateY(-2px)}.notif--hover-scale{transition:transform var(--transition-fast)}.notif--hover-scale:hover{transform:scale(1.02)}.notif--text-center{text-align:center}.notif--text-right{text-align:right}.notif--text-left{text-align:left}.notif--font-mono{font-family:var(--font-mono)}.notif--font-display{font-family:var(--font-display)}.notif--font-primary{font-family:var(--font-primary)}.notif--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notif--hidden-mobile{display:block}.notif--hidden-desktop{display:none}@media (max-width:768px){.notif--hidden-mobile{display:none}.notif--hidden-desktop{display:block}.notif--form-row{flex-direction:column}.notif--modal__content{margin:var(--spacing-md);max-width:calc(100vw - 2rem)}.notif--modal__header,.notif--modal__body,.notif--modal__footer{padding:var(--spacing-lg)}}.notif--focus-visible:focus{outline:2px solid var(--tw-color-primary);outline-offset:2px}@media (prefers-contrast:high){.notif--card{border:2px solid var(--tw-color-neutral-text)}.notif--btn{border:2px solid currentColor}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media print{.notif--modal,.notif--btn,.notif--hidden-print{display:none !important}.notif--card{box-shadow:none;border:1px solid #000}a{text-decoration:underline}}.mobile-menu-toggle{transition:transform 0.3s ease}.mobile-menu-toggle.active{transform:rotate(90deg)}@media (max-width:768px){.mobile-nav{display:none}.mobile-nav.active{display:block}}.notif--logo{transition:color 0.3s ease}.notif--logo:hover{color:var(--tw-color-primary-dark)}nav a{position:relative}nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--tw-color-primary);transition:width 0.3s ease}nav a:hover::after{width:100%}@media (max-width:640px){.hero-title{font-size:2rem !important}.hero-subtitle{font-size:1rem !important}}