@font-face {font-family: 'Notable';src: url('/fonts/Notable/Notable-Regular.woff2') format('woff2'), url('/fonts/Notable/Notable-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'Cairo Play';src: url('/fonts/Cairo_Play/CairoPlay-Medium.woff2') format('woff2'), url('/fonts/Cairo_Play/CairoPlay-Medium.ttf') format('truetype');font-weight: 500;font-style: normal;font-display: swap;}:root {--color-dark-1: #332e45;--color-dark-2: #3e3446;--color-dark-3: #534154;--color-light: #f4eee0;--color-accent-red: #ed2b2a;--color-btn-dark: #024c51;--color-btn-green: #0b5b55;--glass-bg: rgba(255, 255, 255, 0.05);--glass-blur: blur(10px);--glass-border: rgba(255, 255, 255, 0.15);--font-title: 'Notable', sans-serif;--font-subtitle: 'Notable', sans-serif;--font-body: 'Cairo Play', sans-serif;--spacing-sm: 0.25rem;--spacing-md: 0.5rem;--spacing-lg: 1rem;--border-radius: 0.5rem;--z-base: 1;--z-overlay: 1000;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: var(--font-body);background-color: var(--color-dark-1);background-repeat: repeat;color: var(--color-light);line-height: 1.6;font-size: 1rem;-webkit-font-smoothing: antialiased;min-height: 100vh;}.u-title {font-family: var(--font-title);font-size: 2rem;letter-spacing: 0.05em;text-transform: uppercase;}.u-subtitle {font-family: var(--font-subtitle);font-size: 1.25rem;letter-spacing: 0.25rem;}.u-text {font-family: var(--font-body);font-size: 1rem;color: var(--color-light);}.u-container {width: 100%;max-width: 1400px;margin-inline: auto;padding: 0 var(--spacing-md);}.u-glass {background: var(--glass-bg);backdrop-filter: var(--glass-blur);-webkit-backdrop-filter: var(--glass-blur);border: 1px solid var(--glass-border);border-radius: var(--border-radius);}.u-mt-sm {margin-top: var(--spacing-sm);}.u-mt-md {margin-top: var(--spacing-md);}.u-mt-lg {margin-top: var(--spacing-lg);}.u-p-sm {padding: var(--spacing-sm);}.u-p-md {padding: var(--spacing-md);}.u-p-lg {padding: var(--spacing-lg);}.visually-hidden {position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}.btn {display: inline-block;padding: 0.75rem 1.5rem;font-family: var(--font-body);font-weight: 500;font-size: 1rem;color: var(--color-light);text-align: center;text-decoration: none;background-color: var(--color-btn-dark);border: 2px solid var(--color-btn-dark);border-radius: var(--border-radius);cursor: pointer;transition: all 0.2s ease-in-out;}.btn:hover, .btn:focus-visible {background-color: var(--color-btn-green);border-color: var(--color-btn-green);outline: none;}.btn--outline {background-color: transparent;color: var(--color-light);border: 2px solid var(--color-btn-green);}.btn--outline:hover, .btn--outline:focus-visible {background-color: var(--color-btn-green);outline: none;}.btn:disabled, .btn[disabled] {opacity: 0.5;pointer-events: none;}.header {display: flex;justify-content: center;align-items: center;background-color: var(--color-light);padding: var(--spacing-sm);position: relative;z-index: var(--z-base);border-bottom: 2px solid var(--color-dark-2);}.header__logo {z-index: 2;}.menu-icon {position: absolute;left: var(--spacing-md);top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 3;}.menu-icon svg rect {fill: var(--color-dark-1);}.nav-desktop {display: none;position: absolute;right: var(--spacing-md);top: 50%;transform: translateY(-50%);gap: 1.5rem;}.nav-desktop .nav-link {color: var(--color-dark-1);text-decoration: none;font-weight: 500;font-size: 1rem;}.nav-drawer-wrapper {position: fixed;inset: 0;display: none;}.menu-toggle:checked ~ .nav-drawer-wrapper {display: block;}.drawer-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.4);cursor: pointer;}.nav-drawer {position: fixed;top: var(--spacing-lg);right: var(--spacing-lg);width: 280px;background: var(--glass-bg);backdrop-filter: var(--glass-blur);-webkit-backdrop-filter: var(--glass-blur);border: 1px solid var(--glass-border);border-radius: var(--border-radius);padding: var(--spacing-md);z-index: var(--z-overlay);}.drawer-close {font-size: 1.5rem;display: block;margin-left: auto;cursor: pointer;color: var(--color-light);padding-bottom: var(--spacing-sm);}.nav-list {list-style: none;display: flex;flex-direction: column;gap: var(--spacing-sm);}.nav-list .nav-link {color: var(--color-light);text-decoration: none;font-size: 1rem;}@media screen and (min-width: 992px) {.nav-desktop {display: flex;}.menu-icon {display: none;}.nav-drawer-wrapper {display: none !important;}}.nav-desktop .nav-link {position: relative;color: var(--color-dark-1);text-decoration: none;font-weight: 500;font-size: 1rem;padding: 0.25rem 0;transition: color 0.2s ease-in-out;}.nav-desktop .nav-link::after {content: '';position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background-color: var(--color-dark-1);transition: width 0.25s ease-in-out;}.nav-desktop .nav-link:hover, .nav-desktop .nav-link:focus-visible {color: var(--color-btn-green);}.nav-desktop .nav-link:hover::after, .nav-desktop .nav-link:focus-visible::after {width: 100%;background-color: var(--color-btn-green);}.hero {color: var(--color-light);padding: var(--spacing-md) var(--spacing-md);border-bottom: 2px solid var(--color-dark-3);}.hero__title {font-family: var(--font-title);font-size: 2rem;text-transform: uppercase;margin-bottom: var(--spacing-sm);color: var(--color-light);text-align: center;}.hero__year {font-family: var(--font-subtitle);font-size: 2rem;color: var(--color-light);margin-left: 0.5rem;}.hero__desc {font-family: var(--font-body);font-size: 1rem;line-height: 1.5;margin-bottom: var(--spacing-sm);display: none;text-align: center;}@media (min-width: 540px) {.hero__desc {display: block;}}.hero__points {list-style: none;padding-left: 0;font-size: 0.85rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: var(--spacing-sm);}.hero__points li {background-color: var(--glass-bg);backdrop-filter: var(--glass-blur);-webkit-backdrop-filter: var(--glass-blur);border: 1px solid var(--glass-border);border-radius: var(--border-radius);padding: 0.2rem 0.45rem;}.leaderboard {background-color: var(--color-dark-1);padding: var(--spacing-lg) var(--spacing-md);border-bottom: 2px solid var(--color-dark-2);}.leaderboard__grid {display: flex;flex-direction: column;gap: var(--spacing-md);}@media screen and (min-width: 992px) {.leaderboard__grid {flex-direction: column;}}.card--mobile {display: flex;flex-direction: column;border: 2px solid var(--color-btn-green);border-radius: var(--border-radius);overflow: hidden;background-color: var(--color-dark-2);}@media screen and (min-width: 992px) {.card--mobile {display: none;}}.card__content {display: flex;}.card__col--left {flex: 1;text-align: center;border-right: 2px solid var(--color-btn-green);padding: var(--spacing-md);background-color: rgba(78, 159, 61, 0.15);backdrop-filter: var(--glass-blur);-webkit-backdrop-filter: var(--glass-blur);display: flex;justify-content: center;flex-direction: column;align-items: center;}.card__logo {margin-bottom: var(--spacing-sm);max-width: 100%;height: auto;}.card__rating {font-size: 1.2rem;color: var(--color-light);margin-bottom: var(--spacing-sm);}.star-icon {width: 1rem;height: 1rem;color: var(--color-btn-green);display: inline-block;margin-right: 0.15rem;}.card__reviews {font-size: 0.85rem;color: var(--color-light);opacity: 0.8;}.card__col--right {flex: 2;display: flex;flex-direction: column;justify-content: center;gap: var(--spacing-sm);padding: var(--spacing-md);}.card__bonus {font-size: 1.4rem;color: var(--color-light);line-height: 1.4;}.card__footer {text-align: center;font-size: 0.75rem;background-color: var(--color-dark-3);color: var(--color-light);padding: var(--spacing-sm);border-top: 1px solid var(--color-dark-2);}.card--desktop {display: none;border: 1px solid var(--color-btn-green);border-radius: var(--border-radius);background-color: var(--color-dark-2);overflow: hidden;margin-bottom: var(--spacing-md);position: relative;}@media screen and (min-width: 940px) {.card--desktop {display: block;}.card--mobile {display: none !important;}}.card__grid {display: grid;grid-template-columns: 220px 1fr 1fr 1fr 200px;align-items: center;padding: var(--spacing-md);position: relative;}.card--desktop .card__col {padding: 0 var(--spacing-sm);position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;}.has-div.card__col:not(:last-child)::after {content: '';position: absolute;top: 10%;right: 0;width: 1px;height: 80%;background: linear-gradient(to bottom, #4e9f3d 0%, #ed2b2a 50%, #4e9f3d 100%);animation: pulseDivider 2.5s ease-in-out infinite;}@keyframes pulseDivider {0%, 100% {opacity: 0.5;}50% {opacity: 1;}}.card__bookmark {position: absolute;top: 0;left: 0;background-color: var(--color-btn-green);color: var(--color-light);font-family: var(--font-title);font-size: 0.85rem;padding: 0.2rem 0.45rem;border-bottom-right-radius: var(--border-radius);z-index: var(--z-overlay);text-transform: uppercase;letter-spacing: 0.5px;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);}.logo-wrapper {display: flex;justify-content: center;align-items: center;background-color: rgba(255, 255, 255, 0.04);padding: 0.5rem;border-radius: var(--border-radius);border: 1px solid var(--glass-border);}.score-badge {display: inline-block;font-family: var(--font-body);font-size: 1rem;background-color: var(--color-btn-green);color: var(--color-light);padding: 0.4rem 0.75rem;border-radius: 999px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);margin-bottom: var(--spacing-sm);text-align: center;min-width: 2.5rem;}.col-bonus {text-align: center;}.card__votes {font-size: 0.75rem;opacity: 0.7;display: block;}.card__benefits {list-style: none;padding: 0;font-size: 0.9rem;line-height: 1.4;color: var(--color-light);}.card__footer {background-color: var(--color-dark-3);color: var(--color-light);font-size: 0.75rem;text-align: center;padding: var(--spacing-sm);border-top: 1px solid var(--color-dark-2);}.card--desktop .card__col .btn {width: 100%;}.disclaimer-box {display: flex;align-items: center;justify-content: center;gap: 0.75rem;padding: 0.75rem 1rem;background-color: var(--color-dark-3);color: var(--color-light);font-size: 0.75rem;text-align: center;border-top: 1px solid var(--color-dark-2);border-bottom: 1px solid var(--color-dark-2);margin-top: var(--spacing-md);border-radius: var(--border-radius);}.disclaimer-icon {flex-shrink: 0;width: 20px;height: 20px;opacity: 0.85;}.disclaimer-text {font-family: var(--font-body);max-width: 800px;line-height: 1.4;}.prefooter-logos {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 1rem;padding: var(--spacing-md) var(--spacing-sm);background-color: var(--color-dark-1);border-top: 1px solid var(--color-dark-2);border-bottom: 1px solid var(--color-dark-2);}.logo-icon {height: 40px;width: auto;object-fit: contain;opacity: 0.9;transition: opacity 0.2s ease;}.logo-icon:hover {opacity: 1;}.site-footer {background-color: var(--color-dark-2);color: var(--color-light);padding: var(--spacing-lg) var(--spacing-md);border-top: 2px solid var(--color-dark-3);font-size: 0.85rem;}.footer__inner {display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--spacing-md);align-items: flex-start;}.footer__brand {display: flex;flex-direction: column;align-items: center;gap: 0.5rem;}.footer__logo {max-width: 140px;}.footer__18 {width: 24px;height: 24px;opacity: 0.85;}.footer__nav {display: flex;flex-wrap: wrap;gap: 0.75rem 1.5rem;justify-content: center;align-items: center;flex: 1 1 100%;}.footer__link {color: var(--color-light);text-decoration: none;transition: color 0.2s ease;}.footer__link:hover {color: var(--color-btn-green);}.footer__legal {flex: 1 1 100%;margin-top: var(--spacing-sm);text-align: center;}.footer__text {margin-bottom: 0.25rem;opacity: 0.8;}.footer-responsible {margin-top: var(--spacing-md);padding-top: var(--spacing-sm);border-top: 1px solid var(--color-dark-3);text-align: center;}.footer-responsible .footer__text {font-size: 0.85rem;line-height: 1.5;opacity: 0.85;}.breadcrumb {background-color: rgba(255, 255, 255, 0.03);padding: 0.75rem 1rem;margin-bottom: var(--spacing-md);border-bottom: 1px solid var(--color-dark-3);font-size: 0.85rem;}.breadcrumb__list {display: flex;flex-wrap: wrap;gap: 0.5rem;list-style: none;padding: 0;margin: 0;}.breadcrumb__list li::after {content: '/';margin-left: 0.5rem;opacity: 0.4;}.breadcrumb__list li:last-child::after {content: '';}.breadcrumb__link {color: var(--color-light);text-decoration: none;transition: color 0.2s ease;}.breadcrumb__link:hover {color: var(--color-btn-green);}.breadcrumb__current {color: var(--color-muted);font-weight: bold;}.hero--guidas {padding: var(--spacing-lg) var(--spacing-md) var(--spacing-md);background: rgba(255, 255, 255, 0.03);border-bottom: 1px solid var(--color-dark-3);text-align: center;backdrop-filter: blur(4px);}.hero__title {font-family: 'Notable', sans-serif;font-size: 1.75rem;margin-bottom: 0.5rem;color: var(--color-light);}.hero__text {font-size: 1rem;line-height: 1.6;color: var(--color-light);max-width: 700px;margin: 0 auto;}.hero__subtext {font-size: 0.95rem;opacity: 0.9;margin-top: 0.75rem;}.hero__notice {font-size: 0.75rem;color: var(--color-muted);margin-top: 1.25rem;}.guide-block {padding: var(--spacing-lg) 0;}.u-checklist {list-style: none;padding-left: 0;margin: 0;}.u-checklist li {margin-bottom: 0.75rem;padding-left: 1.5rem;position: relative;font-size: 0.95rem;line-height: 1.6;}.u-checklist li::before {content: '✅';position: absolute;left: 0;top: 0;line-height: 1.5;}.legal-page a {color: var(--color-btn-green);}.legal-page a:hover {color: var(--color-btn-dark);}