:root {--color-bg-dark: #151515;--color-primary: #e02449;--color-primary-light: #ea4068;--color-text: #eeeeee;--color-overlay: rgba(0, 0, 0, 0.35);--color-green: #00c853;--border-radius: 0.75rem;--shadow: 0 0 15px rgba(0, 0, 0, 0.5);--font-main: 'Roboto', sans-serif;}*, *::before, *::after {box-sizing: border-box;}html, body {margin: 0;padding: 0;background-color: var(--color-bg-dark);color: var(--color-text);font-family: var(--font-main);line-height: 1.6;scroll-behavior: smooth;font-size: 16px;}#app {background: transparent !important;position: absolute;inset: 0;}a {color: inherit;text-decoration: none;}img {max-width: 100%;height: auto;display: block;}.page-background {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;background-attachment: fixed;z-index: -2;}.overlay-dark {position: absolute;width: 100%;height: 100%;background: var(--color-overlay);z-index: -1;}h1, h2, h3, h4 {font-weight: 700;margin-bottom: 1rem;}h1 {font-size: 2.5rem;}h2 {font-size: 2rem;}h3 {font-size: 1.5rem;}h4 {font-size: 1.25rem;}small, .text-small {font-size: 0.875rem;opacity: 0.8;}.badge-label {display: inline-block;background-color: var(--color-primary-light);color: #fff;padding: 0.2rem 0.5rem;font-size: 0.75rem;border-radius: 0.5rem;font-weight: 500;}.icon-green {color: var(--color-green);font-size: 1.2rem;}.icon-21plus {display: inline-flex;align-items: center;justify-content: center;background-color: var(--color-primary);color: #fff;font-size: 0.75rem;font-weight: bold;width: 22px;height: 22px;border-radius: 50%;margin-right: 0.25rem;}.card-shadow {box-shadow: var(--shadow);border-radius: var(--border-radius);overflow: hidden;background-color: rgba(0, 0, 0, 0.6);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.05);}.modal-content {background-color: #222;color: var(--color-text);border-radius: var(--border-radius);}.modal-header, .modal-footer {border-color: rgba(255, 255, 255, 0.1);}@media (max-width: 768px) {h1 {font-size: 2rem;}h2 {font-size: 1.75rem;}.btn-main {padding: 0.5rem 1rem;}}::-webkit-scrollbar {width: 8px;}::-webkit-scrollbar-thumb {background-color: var(--color-primary-light);border-radius: 10px;}.btn-main {background-color: var(--color-primary);color: #fff;padding: 0.6rem 1.5rem;border: none;border-radius: var(--border-radius);font-weight: 600;transition: all 0.3s ease;display: inline-block;box-shadow: var(--shadow);}.btn-main:hover, .btn-main:focus {background-color: var(--color-primary-light);color: #fff;text-decoration: none;}.btn-secondary {background-color: #2c2c2c;color: var(--color-text);padding: 0.6rem 1.5rem;border-radius: var(--border-radius);border: 1px solid #444;font-weight: 500;transition: all 0.3s ease;}.btn-secondary:hover {background-color: #3c3c3c;border-color: var(--color-primary-light);color: #fff;}.btn-outline {background: transparent;color: var(--color-primary);border: 2px solid var(--color-primary);padding: 0.6rem 1.25rem;border-radius: var(--border-radius);font-weight: 500;transition: all 0.3s ease;}.btn-outline:hover {background-color: var(--color-primary);color: #fff;}.btn-icon {display: inline-flex;align-items: center;justify-content: center;background: transparent;border: none;font-size: 1.2rem;color: var(--color-text);padding: 0.4rem;transition: color 0.2s ease;}.btn-icon:hover {color: var(--color-primary-light);}.btn-mini {font-size: 0.85rem;padding: 0.25rem 0.75rem;border-radius: 0.4rem;background-color: #333;color: #ccc;border: 1px solid #444;transition: background-color 0.3s ease;}.btn-mini:hover {background-color: #444;color: #fff;}.btn:disabled, .btn[disabled] {background-color: #555 !important;color: #999 !important;cursor: not-allowed;pointer-events: none;opacity: 0.6;}.site-header {background-color: rgba(0, 0, 0, 0.75);backdrop-filter: blur(12px);position: relative;z-index: 10;border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.site-header img {border-radius: var(--border-radius);object-fit: contain;}.showcase-section {background-color: rgba(0, 0, 0, 0.6);border-radius: var(--border-radius);backdrop-filter: blur(12px);margin-top: 2rem;box-shadow: var(--shadow);}.text-muted {color: #eee !important;}.heading-compact {font-size: 1.5rem;font-weight: 600;color: var(--color-text);line-height: 1.4;}.subheading-compact {font-size: 0.95rem;color: #ccc;line-height: 1.5;margin-bottom: 0.5rem;max-width: 640px;margin-inline: auto;}.feature-item {font-size: 0.95rem;color: var(--color-text);padding: 0.25rem 0.75rem;background: rgba(255, 255, 255, 0.03);border-radius: 0.5rem;white-space: nowrap;transition: background 0.3s ease;}.feature-item:hover {background: rgba(255, 255, 255, 0.05);}.badge-label.small {font-size: 0.75rem;padding: 0.3rem 0.65rem;border-radius: 0.4rem;font-weight: 500;}@media (max-width: 576px) {.feature-item {justify-content: center;flex-direction: column;text-align: center;}}.card-showcase {background-color: rgba(0, 0, 0, 0.65);border-radius: var(--border-radius);border: 1px solid rgba(255, 255, 255, 0.25);backdrop-filter: blur(8px);}.card-rank {font-size: 2rem;font-weight: 700;color: var(--color-primary);line-height: 1;position: relative;}.label-tag {position: absolute;top: -2rem;right: -1.5rem;font-size: 0.65rem;background-color: var(--color-primary-light);color: white;padding: 0.25rem 0.5rem;border-radius: 0.4rem;font-weight: 600;box-shadow: var(--shadow);white-space: nowrap;}.card-logo-wrapper {width: 100%;height: 100%;min-height: 100px;background: white;border-radius: var(--border-radius);display: flex;align-items: center;justify-content: center;overflow: hidden;}.card-logo-wrapper img {max-height: 36px;max-width: 90%;}.rating-block {display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 0.85rem;color: #ccc;text-align: center;}.star-container {display: flex;justify-content: center;gap: 4px;}.star {width: 20px;height: 20px;color: #888;cursor: pointer;}.star-container:hover .star {color: #ffd700;}.score-circle {width: 56px;height: 56px;background: var(--color-primary);color: white;font-weight: bold;font-size: 1.25rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;margin: 0 auto;}.score-circle:hover {box-shadow: 0 0 0 3px var(--color-primary-light);}@media (max-width: 767.98px) {.card-content {flex-direction: column;}.order-block {margin-bottom: 1rem;}.label-tag {right: 0;top: 0;}}.star-container {display: flex;justify-content: center;align-items: center;gap: 5px;cursor: pointer;width: max-content;}.star-rating {display: flex;direction: rtl;}.star-rating input {display: none;}.star-rating label {width: 32px;height: 32px;cursor: pointer;}.star-rating svg {fill: #ccc;transition: fill 0.2s;}.star-rating label:hover svg, .star-rating label:hover ~ label svg {fill: gold;}.star-rating input:checked ~ label svg {fill: gold;}.card-legend {background-color: rgba(255, 255, 255, 0.05);padding: 0.75rem 1rem;border-radius: var(--border-radius);font-size: 0.75rem;letter-spacing: 0.5px;}@media (max-width: 575.98px) {.card-legend {display: none;}}.section-info-box {background-color: rgba(0, 0, 0, 0.6);border-radius: var(--border-radius);backdrop-filter: blur(10px);line-height: 1.6;}.section-title {font-size: 1.5rem;font-weight: 600;color: var(--color-text);}.site-footer {background-color: rgba(0, 0, 0, 0.7);border-top: 1px solid rgba(255, 255, 255, 0.05);font-size: 0.875rem;}.footer-link {color: #ccc;text-decoration: none;font-weight: 500;transition: color 0.3s ease;}.footer-link:hover {color: var(--color-primary-light);}.footer-disclaimer {display: flex;justify-content: center;align-items: center;flex-direction: column;max-width: 900px;margin: 0 auto;line-height: 1.5;}.footer-icon img {border-radius: 50%;filter: grayscale(20%);}.footer-copy {font-size: 0.75rem;opacity: 0.6;}#botPopup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);display: flex;justify-content: center;align-items: center;z-index: 9999999;}#botPopup .popup-content {background: #333;padding: 2rem;border-radius: 8px;text-align: center;max-width: 90%;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}#botPopup button {margin-top: 1rem;padding: 0.5rem 1.5rem;font-size: 1rem;background: #007bff;color: white;border: none;border-radius: 4px;cursor: pointer;}.cookie-popup {position: fixed;bottom: 20px;left: 20px;right: 20px;max-width: 480px;margin: auto;z-index: 9;background: #151515;border-radius: 12px;padding: 1.5rem;display: none;transition: all 0.3s ease;}.cookie-popup.show {display: block;}