:root{--primary:#1E3A8A;--primary-dark:#1E40AF;--primary-light:#3B82F6;--secondary:#10B981;--secondary-dark:#059669;--accent:#F59E0B;--accent-hover:#D97706;--background:#FFFFFF;--surface:#F9FAFB;--surface-hover:#F3F4F6;--surface-dark:#F3F4F6;--text:#1F2937;--text-muted:#6B7280;--text-light:#9CA3AF;--text-on-primary:#FFFFFF;--border:#E5E7EB;--border-dark:#D1D5DB;--shadow:rgba(0, 0, 0, 0.1);--shadow-md:rgba(0, 0, 0, 0.15);--shadow-lg:rgba(0, 0, 0, 0.2);--success:#10B981;--warning:#F59E0B;--error:#EF4444;--info:#3B82F6;--font-family-primary:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-family-heading:'Poppins', 'Inter', sans-serif;--font-size-base:16px;--line-height-base:1.6;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-xxxl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--max-width:1200px;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--transition:all 0.3s ease;--header-height:80px;--sidebar-width:320px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);line-height:var(--line-height-base);color:var(--text);background-color:var(--background);overflow-x:hidden;width:100%;max-width:100vw;padding-top:var(--header-height)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--spacing-md);color:var(--text)}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-md);color:var(--text-muted);line-height:var(--line-height-base)}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark);text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);width:100%}.main{min-height:calc(100vh - var(--header-height));padding:var(--spacing-md) 0}@media (max-width:768px){body{padding-top:calc(var(--header-height) + var(--spacing-md));overflow-x:hidden;width:100%;max-width:100vw}html{overflow-x:hidden;width:100%;max-width:100vw}.container{padding:0 var(--spacing-sm);width:100%;max-width:100%;box-sizing:border-box}.main{padding:var(--spacing-sm) 0;width:100%;max-width:100%;box-sizing:border-box}.main-content{width:100%;max-width:100%;box-sizing:border-box}.content-wrapper{width:100%;max-width:100%;box-sizing:border-box}}.content-wrapper{display:flex;gap:var(--spacing-xl);align-items:flex-start;min-height:calc(100vh - var(--header-height) - 300px)}.main-content{flex:1;min-width:0}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--background);box-shadow:0 2px 8px rgb(0 0 0 / .1);z-index:1000;transition:var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;position:relative;padding:0}.logo{display:flex;align-items:center;text-decoration:none;z-index:1001;height:100%;padding:0;margin:0;transition:var(--transition)}.logo-text{font-family:var(--font-family-heading);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--primary);margin:0;padding:0;line-height:1.2;letter-spacing:-.02em;transition:var(--transition);display:inline-block;position:relative;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;color:var(--primary);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .05));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.logo:hover .logo-text{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;color:var(--primary-dark);transform:translateY(-1px)}.logo h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary);margin:0;padding:0;line-height:1;transition:var(--transition);display:flex;align-items:center;height:100%}.logo:hover h1{color:var(--primary-dark)}.nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-list{display:flex;gap:var(--spacing-md);list-style:none;margin:0;padding:0;align-items:center}.nav-list li{display:flex;align-items:center}.nav-link{color:var(--text);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);padding:calc(var(--header-height) / 2 - 0.75em) var(--spacing-md);border-radius:var(--border-radius-sm);transition:var(--transition);text-decoration:none;position:relative;display:flex;align-items:center;line-height:1.5}.nav-link::after{content:'';position:absolute;bottom:var(--spacing-xs);left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--primary);transition:var(--transition)}.nav-link:hover{color:var(--primary);text-decoration:none}.nav-link:hover::after{width:calc(100% - calc(var(--spacing-md) * 2))}.nav-link.active{color:var(--primary)}.nav-link.active::after{width:calc(100% - calc(var(--spacing-md) * 2))}.nav-item-has-dropdown{position:relative}.dropdown-arrow{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-xs);transition:transform 0.3s ease}@media (min-width:1025px){.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown) .dropdown-menu,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown .dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;min-width:200px;max-width:280px;background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:0 8px 24px var(--shadow-md);list-style:none;margin:0;padding:var(--spacing-xs) 0;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity 0.3s cubic-bezier(.4,0,.2,1),visibility 0.3s cubic-bezier(.4,0,.2,1),transform 0.3s cubic-bezier(.4,0,.2,1);z-index:1000;pointer-events:none}.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown):hover .dropdown-menu,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown) .dropdown-menu:hover,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown .dropdown-menu:hover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown)::after,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown::after{content:'';position:absolute;top:100%;left:0;right:0;height:5px;background:#fff0;z-index:999}.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown):hover .dropdown-arrow,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown).active .dropdown-menu,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown.active .dropdown-menu{opacity:0;visibility:hidden;pointer-events:none}.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown).active:hover .dropdown-menu,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown.active:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}}@media (min-width:1025px){.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown) .dropdown-item,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown .dropdown-item{margin:0}.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown) .dropdown-link,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown .dropdown-link{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition);border-left:3px solid #fff0}.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown) .dropdown-link:hover,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown .dropdown-link:hover{background:var(--surface);color:var(--primary);border-left-color:var(--primary);padding-left:calc(var(--spacing-md) + 3px);text-decoration:none}.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown) .dropdown-link.active,.nav-list:not(.nav-list-footer) .nav-item-has-dropdown .dropdown-link.active{background:var(--surface);color:var(--primary);border-left-color:var(--primary);font-weight:var(--font-weight-semibold)}}.nav-item-placeholder{opacity:.6}.nav-link-placeholder{color:var(--text-muted);font-style:italic;cursor:default}.nav-link-placeholder:hover{color:var(--text-muted)}.nav-link-placeholder::after{display:none}.btn-nav-cta{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border-radius:var(--border-radius);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-decoration:none;transition:var(--transition);white-space:nowrap;box-shadow:0 2px 8px rgb(30 58 138 / .2);display:flex;align-items:center;height:auto;line-height:1}.btn-nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(30 58 138 / .3);text-decoration:none;color:var(--text-on-primary)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;background:none;border:none;cursor:pointer;padding:0;z-index:1001;position:relative;transition:var(--transition);align-items:center;align-self:center}.mobile-menu-toggle:focus{outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--border-radius-sm)}.hamburger-line{width:100%;height:3px;background:var(--text);border-radius:2px;transition:var(--transition);transform-origin:center}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:translateY(9.5px) rotate(45deg)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:translateX(-10px)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);z-index:999;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-menu-overlay.active{opacity:1;visibility:visible}@media (max-width:1024px){.nav{position:absolute;top:100%;left:0;right:0;width:100%;max-height:0;background:var(--background);box-shadow:0 4px 16px rgb(0 0 0 / .15);flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden;transition:max-height 0.3s ease,opacity 0.3s ease;z-index:1000;list-style:none;opacity:0;visibility:hidden}.nav.active{max-height:80vh;opacity:1;visibility:visible;overflow-y:auto}.nav-list{flex-direction:column;align-items:stretch;gap:0;width:100%;list-style:none;padding:0;margin:0}.nav-item{width:100%;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--border)}.nav-item:last-child{border-bottom:none}.nav-link{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text);text-decoration:none;text-align:left;border:none;background:#fff0;cursor:pointer;transition:background-color 0.3s ease,color 0.3s ease}.nav-link::after{display:none}.nav-link:hover,.nav-link:focus{background:var(--surface);color:var(--primary);text-decoration:none}.nav-link.active{background:var(--surface);color:var(--primary);font-weight:var(--font-weight-semibold)}.nav-item-placeholder{opacity:.6;width:100%;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--border)}.nav-link-placeholder{display:block;width:100%;color:var(--text-muted);font-style:italic;cursor:default;background:var(--surface)!important;padding:var(--spacing-md) var(--spacing-lg);border-radius:0;text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.nav-link-placeholder:hover,.nav-link-placeholder:focus{color:var(--text-muted);background:var(--surface)!important;text-decoration:none;cursor:default}.nav .nav-list:not(.nav-list-footer) .nav-item-has-dropdown,.nav-item-has-dropdown:not(.footer-section .nav-item-has-dropdown){position:relative;width:100%;display:flex!important;flex-direction:column!important}.nav .nav-list:not(.nav-list-footer) .nav-item-has-dropdown::after{display:none!important}.nav .nav-list:not(.nav-list-footer) .nav-item-has-dropdown .dropdown-menu{position:relative!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;min-width:100%!important;max-width:100%!important;width:100%!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:none!important;border-top:1px solid var(--border);border-radius:0!important;margin:0!important;margin-top:0!important;padding:0!important;background:var(--surface)!important;max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;pointer-events:none;display:block!important;float:none!important;clear:both!important;order:2!important}.nav .nav-list:not(.nav-list-footer) .nav-item-has-dropdown .nav-link{order:1!important;width:100%!important}.nav .nav-list:not(.nav-list-footer) .nav-item-has-dropdown.active .dropdown-menu{max-height:1000px;padding:var(--spacing-xs) 0;pointer-events:auto;display:block!important}.dropdown-item{width:100%;margin:0;padding:0;border-bottom:1px solid var(--border)}.dropdown-item:last-child{border-bottom:none}.dropdown-link{display:block;width:100%;padding:var(--spacing-md) var(--spacing-xl);color:var(--text);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-left:none;border-bottom:none;background:#fff0;transition:background-color 0.3s ease,color 0.3s ease,padding-left 0.3s ease}.dropdown-link:hover,.dropdown-link:focus{background:var(--surface);color:var(--primary);padding-left:calc(var(--spacing-xl) + var(--spacing-sm));text-decoration:none}.dropdown-link.active{background:var(--surface);color:var(--primary);font-weight:var(--font-weight-semibold)}.dropdown-arrow{transition:transform 0.3s ease}.nav-item-has-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.nav-item-has-dropdown .nav-link{cursor:pointer}.btn-nav-cta{width:100%;text-align:center;padding:var(--spacing-md);font-size:var(--font-size-md);margin:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius)}.nav-list-right{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.nav-list-right .nav-item:first-child{border-top:none;margin-top:0;padding-top:0}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-track{background:var(--surface)}.nav::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}.nav::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:none}.header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1001!important}.header-content{position:relative}body.nav-open{padding-top:var(--header-height)}}@media (max-width:768px){.header{box-shadow:0 2px 4px rgb(0 0 0 / .1);padding:var(--spacing-md) 0;height:auto;min-height:calc(var(--header-height) - var(--spacing-sm));display:flex;align-items:center}.header-content{padding:0 var(--spacing-sm);height:100%;display:flex;align-items:center;justify-content:space-between}.logo{height:auto;display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xs) 0}.logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:1.3;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .03))}.logo:hover .logo-text{transform:translateY(0)}.logo h1{font-size:var(--font-size-lg);height:auto;line-height:1.2;margin:0}.mobile-menu-toggle{align-self:center;margin:0;flex-shrink:0}.nav{width:100%;max-width:100vw;right:-100%;box-shadow:none;border-top:1px solid var(--border)}.nav.active{right:0}.nav-link{font-size:var(--font-size-base)}}.section-title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--text);text-align:center}.accent{color:var(--primary);font-weight:var(--font-weight-semibold)}.section-description{text-align:center;font-size:var(--font-size-md);color:var(--text-muted);max-width:700px;margin:0 auto var(--spacing-xxl);line-height:1.6}.bonus-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0 var(--spacing-lg) 0}.bonus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-xl);margin-bottom:0}@media (max-width:1024px){.bonus-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.bonus-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.bonus-card{padding:var(--spacing-md)}.bonus-card-minimal{padding:var(--spacing-md)}.bonus-amount-value{font-size:var(--font-size-xxl)}.bonus-card-header{margin-bottom:var(--spacing-md)}.bonus-features{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md)}}.bonus-card{background:var(--surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 16px var(--shadow);border:2px solid var(--border);transition:var(--transition);position:relative;display:flex;flex-direction:column}.bonus-card:hover{box-shadow:0 8px 24px var(--shadow-md);transform:translateY(-4px);border-color:var(--primary)}.bonus-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.bonus-site-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.bonus-site-logo{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--border-radius);font-size:2rem;flex-shrink:0}.bonus-site-details{flex:1}.bonus-site-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--spacing-xs)}.bonus-rating{display:flex;align-items:center;gap:var(--spacing-sm)}.stars{color:var(--accent);font-size:var(--font-size-sm);letter-spacing:2px}.rating-score{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted)}.bonus-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--secondary);color:var(--text-on-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.bonus-badge.badge-new{background:var(--accent)}.bonus-amount{text-align:center;padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-lg);border-top:2px solid var(--border);border-bottom:2px solid var(--border)}.bonus-amount-value{display:block;font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--primary);line-height:1.2;margin-bottom:var(--spacing-xs)}.bonus-amount-label{display:block;font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.bonus-features{list-style:none;margin-bottom:var(--spacing-lg);flex:1}.bonus-features li{padding:var(--spacing-sm) 0;color:var(--text);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.bonus-features li:first-child{color:var(--secondary);font-weight:var(--font-weight-medium)}.btn-bonus{width:100%;padding:var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);background:#1E293B;color:var(--text-on-primary)!important;border-radius:var(--border-radius);text-align:center;margin-bottom:var(--spacing-md);transition:var(--transition);border:none;cursor:pointer;display:inline-block;text-decoration:none}.btn-bonus:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(30 41 59 / .3);text-decoration:none;color:var(--text-on-primary)!important;background:#1E293B}.bonus-link-more{display:block;text-align:center;font-size:var(--font-size-sm);color:var(--primary);font-weight:var(--font-weight-medium);transition:var(--transition)}.bonus-link-more:hover{color:var(--primary-dark);text-decoration:underline}.comparison-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0 var(--spacing-lg) 0;background:var(--surface);border-radius:var(--border-radius-lg)}.comparison-table-wrapper{overflow-x:auto;margin-top:var(--spacing-lg);-webkit-overflow-scrolling:touch}.comparison-table-wrapper::-webkit-scrollbar{height:8px}.comparison-table-wrapper::-webkit-scrollbar-track{background:var(--surface)}.comparison-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}.comparison-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.comparison-table{width:100%;border-collapse:collapse;background:var(--background);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px var(--shadow)}.comparison-table thead{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-primary)}.comparison-table th{padding:var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.comparison-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--border);vertical-align:middle}.comparison-table tbody tr:hover{background:var(--surface)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-site{display:flex;align-items:center;gap:var(--spacing-md)}.comparison-site-logo{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--border-radius-sm);flex-shrink:0}.comparison-site-name{font-weight:var(--font-weight-semibold);color:var(--text)}.comparison-bonus-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--spacing-xs)}.comparison-bonus-type{font-size:var(--font-size-sm);color:var(--text-muted)}.comparison-check{color:var(--secondary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin-right:var(--spacing-xs)}.comparison-check.check-none{color:var(--text-light)}.comparison-stars{color:var(--accent);font-size:var(--font-size-sm);letter-spacing:2px;margin-right:var(--spacing-xs)}.comparison-rating{font-weight:var(--font-weight-semibold);color:var(--text)}.btn-comparison{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border-radius:var(--border-radius-sm);white-space:nowrap;transition:var(--transition)}.btn-comparison:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgb(30 58 138 / .3);text-decoration:none;color:var(--text-on-primary)}.bonus-card-minimal{background:var(--surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);transition:var(--transition);display:flex;flex-direction:column;gap:var(--spacing-md)}.bonus-card-minimal:hover{box-shadow:0 4px 16px var(--shadow-md);transform:translateY(-2px);border-color:var(--primary)}.bonus-card-header-minimal{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.bonus-site-name-minimal{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text);margin:0;line-height:1.3}.bonus-badge-minimal{padding:4px 12px;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.bonus-badge-minimal.badge-highest{background:var(--primary);color:var(--text-on-primary)}.bonus-badge-minimal.badge-no-wager{background:var(--secondary);color:var(--text-on-primary)}.bonus-badge-minimal.badge-new{background:var(--accent);color:var(--text)}.bonus-badges-group{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.bonus-rating-minimal{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted)}.bonus-rating-minimal .stars{color:var(--accent);font-size:var(--font-size-sm);letter-spacing:2px}.bonus-rating-minimal .half-star{color:var(--accent);font-size:.7em;vertical-align:baseline;line-height:1}.bonus-rating-minimal .rating-score{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text);margin-left:var(--spacing-xs)}.comparison-rating-minimal{display:flex;align-items:center;gap:var(--spacing-xs)}.comparison-stars-minimal{color:var(--accent);font-size:var(--font-size-sm);letter-spacing:2px}.comparison-stars-minimal .half-star{color:var(--accent);font-size:.7em;vertical-align:baseline;line-height:1}.comparison-rating-score{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text)}.bonus-amount-minimal{text-align:left}.bonus-amount-minimal .bonus-amount-value{display:block;font-size:2.25rem;font-weight:var(--font-weight-bold);color:var(--primary);line-height:1.2;margin-bottom:var(--spacing-xs)}.bonus-amount-minimal .bonus-amount-label{font-size:var(--font-size-md);color:var(--text);margin:0 0 var(--spacing-sm) 0;font-weight:var(--font-weight-medium)}.bonus-percentage-bar{position:relative;width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-top:var(--spacing-sm)}.bonus-percentage-fill{height:100%;background:var(--primary);border-radius:4px;width:0;transition:width 0.3s ease}.bonus-percentage-text{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--primary);padding:0 4px}.bonus-details-minimal{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.bonus-detail-item{display:flex;justify-content:space-between;align-items:center}.bonus-detail-item .detail-label{font-size:var(--font-size-sm);color:var(--text-muted)}.bonus-detail-item .detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text)}.bonus-features-minimal{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.bonus-features-minimal .feature-badge{padding:6px 12px;background:var(--secondary-dark);color:var(--text-on-primary);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.bonus-claim-count{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;padding:var(--spacing-sm) 0}.btn-bonus-minimal{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--primary);color:var(--text-on-primary);border:none;border-radius:var(--border-radius);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;text-decoration:none;cursor:pointer;transition:var(--transition);display:block}.btn-bonus-minimal:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);color:var(--text-on-primary);text-decoration:none}.comparison-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.comparison-site-minimal{display:flex;align-items:center;gap:var(--spacing-md)}.comparison-site-minimal img{width:40px;height:40px;object-fit:contain}.comparison-site-name-minimal{font-weight:var(--font-weight-semibold);display:block}.comparison-badges-inline{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap}.comparison-badge-minimal{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.comparison-rating-minimal{display:flex;align-items:center;gap:var(--spacing-sm)}.comparison-stars-minimal{color:var(--accent)}.comparison-rating-score{font-weight:var(--font-weight-semibold)}.comparison-table-cell-text{font-weight:var(--font-weight-medium)}.comparison-table-cell-muted{color:var(--text-muted)}.comparison-table-cell-small{font-size:var(--font-size-sm)}.comparison-table-cell-extra-small{font-size:var(--font-size-xs);color:var(--text-muted)}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text);cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}th.sortable{position:relative;user-select:none}th.sortable:hover{background:var(--surface-hover,rgb(0 0 0 / .02))}.sort-icon{display:inline-block;margin-left:.25rem;font-size:.875rem;opacity:.6;transition:opacity 0.2s}th.sortable:hover .sort-icon{opacity:1}th.sortable.sort-asc .sort-icon,th.sortable.sort-desc .sort-icon{opacity:1;color:var(--primary)}.comparison-table-minimal{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--border-radius-lg);overflow:hidden}.comparison-table-minimal thead{background:var(--surface-hover)}.comparison-table-minimal th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border)}.comparison-table-minimal tbody tr{border-bottom:1px solid var(--border);transition:var(--transition)}.comparison-table-minimal tbody tr:hover{background:var(--surface-hover)}.comparison-table-minimal tbody tr:last-child{border-bottom:none}.comparison-table-minimal td{padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.comparison-table-minimal .comparison-row{display:table-row}.comparison-table-minimal .comparison-row.hidden{display:none}.comparison-site-minimal{display:flex;flex-direction:column;gap:var(--spacing-xs)}.comparison-site-name-minimal{font-weight:var(--font-weight-bold);color:var(--text);font-size:var(--font-size-md)}.comparison-badge-minimal{padding:4px 8px;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;display:inline-block;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.comparison-badge-minimal.badge-highest{background:var(--primary);color:var(--text-on-primary)}.comparison-badge-minimal.badge-no-wager{background:var(--secondary);color:var(--text-on-primary)}.comparison-badge-minimal.badge-new{background:var(--accent);color:var(--text)}.comparison-bonus-amount-minimal{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--spacing-xs)}.comparison-bonus-percentage{font-size:var(--font-size-sm);color:var(--text-muted)}.bonus-type-badge{padding:6px 12px;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;display:inline-block}.bonus-type-badge.badge-yatirim,.bonus-type-badge.badge-cevrimsiz,.bonus-type-badge.badge-deneme,.bonus-type-badge.badge-kayip{background:#065F46;color:var(--text-on-primary)}.bonus-type-badge.badge-vip{background:linear-gradient(135deg,#9F1239 0%,#7F1D1D 100%);color:var(--text-on-primary);font-weight:var(--font-weight-bold)}.comparison-stars-minimal{color:var(--accent);font-size:var(--font-size-md);letter-spacing:2px}.btn-comparison-minimal{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary);color:var(--text-on-primary);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;white-space:nowrap;transition:var(--transition);display:inline-block}.btn-comparison-minimal:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3);color:var(--text-on-primary);text-decoration:none}.content-section{margin-bottom:var(--spacing-xxl);padding:var(--spacing-xxl) 0}.content-article{background:var(--surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xxl);box-shadow:0 2px 8px var(--shadow);flex:1;min-width:0}.article-title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);color:var(--text);line-height:1.3}.article-content{font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--text)}.article-content h3{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-lg);color:var(--primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border)}.article-content h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--text)}.contact-form-wrapper{margin-top:var(--spacing-xl);background:var(--surface);padding:var(--spacing-xl);border-radius:var(--border-radius)}.contact-form{margin-top:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text)}.form-control{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);transition:var(--transition);font-family:var(--font-family-primary)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(30 58 138 / .1)}.form-control textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(30 58 138 / .1)}.article-content p{margin-bottom:var(--spacing-lg);color:var(--text-muted);line-height:1.8}.article-content ul,.article-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.article-content li{margin-bottom:var(--spacing-md);color:var(--text-muted);line-height:1.7}.article-content strong{color:var(--text);font-weight:var(--font-weight-semibold)}.blog-section{padding:var(--spacing-lg) 0 var(--spacing-lg) 0;margin-bottom:var(--spacing-xxl)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.blog-card{background:var(--surface);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px var(--shadow);transition:var(--transition);border:1px solid var(--border);display:flex;flex-direction:column}.blog-card:hover{box-shadow:0 4px 16px var(--shadow-md);transform:translateY(-2px)}.blog-card a{display:block;color:inherit;text-decoration:none}.blog-card-image{width:100%;height:200px;overflow:hidden;background:var(--surface-dark)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.blog-card-date,.blog-card-category{color:var(--text-muted)}.blog-card-category a{color:var(--primary);font-weight:var(--font-weight-medium)}.blog-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--text);line-height:1.4}.blog-card-title a{color:var(--text)}.blog-card-title a:hover{color:var(--primary)}.blog-card-excerpt{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-md);flex:1}.blog-card .btn-bonus{margin-top:auto;margin-bottom:0}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border);font-size:var(--font-size-sm)}.blog-card-author{color:var(--text-muted)}.blog-card-read-more{color:var(--primary);font-weight:var(--font-weight-medium)}.blog-post{background:var(--surface);border-radius:var(--border-radius);padding:var(--spacing-xl);box-shadow:0 2px 8px var(--shadow);margin-bottom:var(--spacing-xl);flex:1;min-width:0}.breadcrumb{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center}.breadcrumb a{color:var(--primary);text-decoration:none;transition:var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.breadcrumb a:hover{color:var(--primary-dark);text-decoration:underline}.breadcrumb span{color:var(--text-light);flex-shrink:0;white-space:nowrap}.breadcrumb>span:last-of-type{color:var(--text);font-weight:var(--font-weight-medium)}.post-header{margin-bottom:var(--spacing-xl)}.post-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-md);flex-wrap:wrap}.post-meta span{color:var(--text-muted)}.post-meta a{color:var(--primary)}.post-title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--text);line-height:1.3}.post-excerpt{font-size:var(--font-size-lg);color:var(--text-muted);line-height:1.6;margin-bottom:0}.post-featured-image{width:100%;height:400px;overflow:hidden;border-radius:var(--border-radius);margin-bottom:var(--spacing-xl)}.post-featured-image img{width:100%;height:100%;object-fit:cover}.post-content{font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--text)}.post-content h2{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:var(--font-size-xxl);color:var(--primary)}.post-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl)}.post-content ul,.post-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.post-content li{margin-bottom:var(--spacing-sm);color:var(--text-muted)}.post-content strong{color:var(--text);font-weight:var(--font-weight-semibold)}.post-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.tag-label{font-weight:var(--font-weight-medium);color:var(--text)}.tag{padding:var(--spacing-xs) var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-muted);transition:var(--transition)}.tag:hover{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary);text-decoration:none}.post-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.post-author-box{display:flex;gap:var(--spacing-md);align-items:center}.author-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info h3{margin-bottom:var(--spacing-xs);font-size:var(--font-size-lg)}.author-info p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.hero-section{display:flex;align-items:center;gap:var(--spacing-xxl);padding:var(--spacing-xxl) 0;margin-bottom:var(--spacing-xxl);background:linear-gradient(135deg,#F8F9FA 0%,#FFFFFF 100%);border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);opacity:.05;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}.hero-content{flex:1;position:relative;z-index:1}.hero-visual{flex:0 0 400px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:300px}.hero-visual-content{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;align-items:center}.hero-visual-item{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--primary);opacity:.1;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-title{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--text);line-height:1.2}.hero-description{font-size:var(--font-size-lg);max-width:600px;margin-bottom:var(--spacing-xl);color:var(--text-muted);line-height:1.7}.hero-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.hero-stat-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--surface);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);min-width:200px}.hero-stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:50%;color:var(--text-on-primary);font-weight:var(--font-weight-bold)}.hero-stat-content{display:flex;flex-direction:column}.hero-stat-number{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--primary);line-height:1;margin-bottom:var(--spacing-xs)}.hero-stat-label{font-size:var(--font-size-sm);color:var(--text-muted)}.btn-hero{padding:var(--spacing-md) var(--spacing-xxl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border-radius:var(--border-radius);box-shadow:0 4px 12px rgb(30 58 138 / .3);transition:var(--transition);display:inline-block}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(30 58 138 / .4);text-decoration:none;color:var(--text-on-primary)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);position:sticky;top:calc(var(--header-height) + var(--spacing-lg));align-self:flex-start;height:fit-content}.sidebar-widget{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);box-shadow:0 2px 12px var(--shadow);border:1px solid var(--border);transition:var(--transition)}.sidebar-widget:hover{box-shadow:0 4px 16px var(--shadow-md)}.sidebar-widget-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border);line-height:1.3}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-list li{margin:0;padding:0}.category-list a{color:var(--text);text-decoration:none;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;border-radius:var(--border-radius);transition:var(--transition);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);position:relative;border:1px solid #fff0}.category-list a::before{content:'→';margin-right:var(--spacing-sm);opacity:0;transform:translateX(-10px);transition:var(--transition);color:var(--primary)}.category-list a:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary-light);padding-left:var(--spacing-xl);transform:translateX(4px)}.category-list a:hover::before{opacity:1;transform:translateX(0)}.popular-posts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.popular-posts li{margin:0;padding:0;border:none}.popular-posts a{display:flex;flex-direction:column;color:var(--text);text-decoration:none;padding:var(--spacing-lg);background:var(--background);border-radius:var(--border-radius);border:1px solid var(--border);transition:var(--transition);gap:var(--spacing-sm)}.popular-posts a:hover{background:var(--surface-hover);border-color:var(--primary);box-shadow:0 2px 8px var(--shadow);transform:translateY(-2px);text-decoration:none}.popular-posts strong{display:block;margin:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--text);line-height:1.4;margin-bottom:var(--spacing-xs)}.popular-posts a:hover strong{color:var(--primary)}.post-date{font-size:var(--font-size-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--spacing-xs)}.post-date::before{content:'📅';font-size:var(--font-size-sm)}.pagination{display:flex;gap:var(--spacing-sm);justify-content:center;align-items:center;margin-top:var(--spacing-xl);flex-wrap:wrap}.pagination-link{padding:var(--spacing-sm) var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-sm);color:var(--text);font-weight:var(--font-weight-medium);transition:var(--transition);min-width:40px;text-align:center}.pagination-link:hover{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary);text-decoration:none}.pagination-link.active{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.pagination-link.next{padding:var(--spacing-sm) var(--spacing-lg)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;transition:var(--transition);border:none;font-size:var(--font-size-md);text-decoration:none}.btn:hover,a.btn:hover{text-decoration:none}.btn-primary{background:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--primary-dark);color:var(--text-on-primary)}.btn-secondary{background:var(--secondary);color:var(--text-on-primary)}.btn-outline{background:#fff0;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--text-on-primary)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--spacing-sm)}.alert strong{font-weight:var(--font-weight-semibold);margin-right:var(--spacing-xs)}.alert-success{background:rgb(16 185 129 / .1);border-color:var(--success);color:var(--success)}.alert-error{background:rgb(239 68 68 / .1);border-color:var(--error);color:var(--error)}.alert-warning{background:rgb(245 158 11 / .1);border-color:var(--warning);color:var(--warning)}.alert-info{background:rgb(59 130 246 / .1);border-color:var(--info);color:var(--info)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius);font-size:var(--font-size-md);font-family:var(--font-family-primary);transition:var(--transition);background:var(--background);color:var(--text)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb,30,58,138),.1)}.form-textarea{resize:vertical;min-height:120px;line-height:var(--line-height-base)}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:12px;padding-right:calc(var(--spacing-xl) + var(--spacing-md))}.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:var(--spacing-md) auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(255 255 255 / .9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.loading-overlay p{margin-top:var(--spacing-md);color:var(--text);font-weight:var(--font-weight-medium)}.pagination-numbers{display:flex;gap:var(--spacing-xs);align-items:center}.pagination-number{padding:var(--spacing-sm) var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-sm);color:var(--text);font-weight:var(--font-weight-medium);transition:var(--transition);min-width:40px;text-align:center;text-decoration:none}.pagination-number:hover{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary);text-decoration:none}.pagination-number.active{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.pagination-ellipsis{padding:var(--spacing-sm) var(--spacing-xs);color:var(--text-muted)}.footer{background:var(--surface-dark);padding:var(--spacing-xl) 0;margin-top:var(--spacing-xxl);border-top:2px solid var(--border)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.footer-section h3,.footer-section h4,.footer-section h6{margin-bottom:var(--spacing-md);color:var(--text)}.footer-section.footer-brand h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.footer-section p{color:var(--text);font-size:var(--font-size-sm)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section ul li a{color:var(--text);font-size:var(--font-size-sm);transition:var(--transition);text-decoration:none;display:inline-block}.footer-section ul li a:hover{color:var(--primary);padding-left:var(--spacing-xs)}.footer-section .nav-list{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);width:100%}.footer-section .nav-list .nav-item{width:100%;overflow:hidden}.footer-section .nav-link{padding:0;font-size:var(--font-size-sm);color:var(--text);text-decoration:none;display:inline-block;position:relative;transition:var(--transition);white-space:nowrap}.footer-section .nav-link:hover{color:var(--primary);transform:translateX(var(--spacing-xs))}.footer-section .nav-link{animation:slideInLeft 0.3s ease-out forwards;opacity:0}.footer-section .nav-item:nth-child(1) .nav-link{animation-delay:0.05s}.footer-section .nav-item:nth-child(2) .nav-link{animation-delay:0.1s}.footer-section .nav-item:nth-child(3) .nav-link{animation-delay:0.15s}.footer-section .nav-item:nth-child(4) .nav-link{animation-delay:0.2s}.footer-section .nav-item:nth-child(5) .nav-link{animation-delay:0.25s}.footer-section .nav-item:nth-child(6) .nav-link{animation-delay:0.3s}.footer-section .nav-item:nth-child(n+7) .nav-link{animation-delay:0.35s}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.footer-section .nav-link::after{display:none}.footer-section .nav-link-placeholder{font-size:var(--font-size-sm)}.footer-section .nav-item-has-dropdown{position:relative;display:block;width:100%}.footer-section .dropdown-arrow{display:none!important}.footer-section .nav-item-has-dropdown .dropdown-menu{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;min-width:100%!important;max-width:100%!important;width:100%!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:var(--spacing-xs) 0 0 var(--spacing-md)!important;padding:0!important;background:transparent!important;max-height:none!important;overflow:visible!important;display:block!important;float:none!important;clear:both!important;pointer-events:auto!important;list-style:none!important;transition:none!important}.footer-section .nav-item-has-dropdown .dropdown-item{width:100%!important;margin:0!important;margin-bottom:var(--spacing-xs)!important;padding:0!important;border-bottom:none!important}.footer-section .nav-item-has-dropdown .dropdown-link{padding:0!important;padding-left:0!important;font-size:var(--font-size-sm)!important;color:var(--text)!important;text-decoration:none!important;display:inline-block!important;border-left:none!important;border-bottom:none!important;background:transparent!important;transition:var(--transition)!important;font-weight:var(--font-weight-normal)!important}.footer-section .nav-item-has-dropdown .dropdown-link:hover,.footer-section .nav-item-has-dropdown .dropdown-link:focus{color:var(--primary)!important;transform:translateX(var(--spacing-xs))!important;padding-left:0!important;background:transparent!important;text-decoration:none!important}.footer-section .nav-item-has-dropdown .dropdown-link.active{color:var(--primary)!important;font-weight:var(--font-weight-medium)!important;background:transparent!important}.footer-section .nav-item-has-dropdown:hover .dropdown-menu,.footer-section .nav-item-has-dropdown.active .dropdown-menu,.footer-section .nav-item-has-dropdown .dropdown-menu:hover{opacity:1!important;visibility:visible!important;transform:none!important;display:block!important}.footer-section .nav-item-has-dropdown::after{display:none!important}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border);color:var(--text);font-size:var(--font-size-sm)}.footer-bottom p{color:var(--text);font-size:var(--font-size-sm);margin:0}.back-to-top{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:50px;height:50px;background:var(--primary);color:var(--text-on-primary);border:none;border-radius:50%;font-size:var(--font-size-xl);cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:999;box-shadow:0 4px 12px var(--shadow)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-md)}@media (max-width:1024px){.content-wrapper{flex-direction:column;min-height:auto}.sidebar{width:100%;position:relative;top:0}.sidebar-widget{margin-bottom:var(--spacing-lg)}}@media (max-width:1024px){.hero-section{flex-direction:column;text-align:center}.hero-visual{flex:0 0 auto;width:100%}.hero-content{text-align:center}.hero-description{max-width:100%}.hero-stats{justify-content:center}.bonus-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.comparison-table-wrapper{overflow-x:scroll}.comparison-table{min-width:800px}}@media (max-width:768px){.hero-section{padding:var(--spacing-lg) 0;width:100%;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0}.hero-content{width:100%;max-width:100%;box-sizing:border-box}.hero-visual{width:100%;max-width:100%;box-sizing:border-box}.hero-title{font-size:var(--font-size-xxl);word-wrap:break-word;overflow-wrap:break-word}.hero-stats{flex-direction:column;width:100%;max-width:100%}.hero-stat-card{width:100%;max-width:100%}.bonus-grid{grid-template-columns:1fr;width:100%;max-width:100%}.bonus-section,.comparison-section,.content-section,.blog-section{width:100%;max-width:100%;box-sizing:border-box;padding-left:0;padding-right:0}.comparison-table-wrapper{margin:var(--spacing-md) calc(-1 * var(--spacing-sm));padding:0;width:calc(100% + var(--spacing-sm) * 2);overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table-wrapper::-webkit-scrollbar{height:6px}.comparison-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}.comparison-table{font-size:var(--font-size-sm);min-width:600px}.comparison-table th,.comparison-table td{padding:var(--spacing-sm);white-space:nowrap}.comparison-table-wrapper .comparison-table-minimal{min-width:700px;font-size:var(--font-size-xs)}.comparison-table-wrapper .comparison-table-minimal th,.comparison-table-wrapper .comparison-table-minimal td{padding:var(--spacing-sm);white-space:nowrap}.comparison-filters{gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.filter-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);flex:1 1 auto;min-width:0}.blog-grid{grid-template-columns:1fr;width:100%;max-width:100%}.blog-card{width:100%;max-width:100%;box-sizing:border-box}.pagination{width:100%;max-width:100%;flex-wrap:wrap;gap:var(--spacing-xs)}.section-title{font-size:var(--font-size-xxl)}.article-title{font-size:var(--font-size-xxl)}.post-title{font-size:var(--font-size-xxl)}.footer-content{grid-template-columns:1fr}.content-article{padding:var(--spacing-lg)}}.site-detail-page{max-width:100%;flex:1;min-width:0}.content-nav-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);position:sticky;top:calc(var(--header-height) + var(--spacing-md));z-index:100;box-shadow:0 2px 8px var(--shadow);max-height:calc(100vh - var(--header-height) - var(--spacing-md) * 2);overflow-y:auto;transition:max-height 0.3s ease}.content-nav-menu.collapsed{max-height:auto;overflow:visible;padding-bottom:var(--spacing-md)}.content-nav-menu.collapsed .content-nav-menu-list{display:none}.content-nav-menu-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border);cursor:pointer;user-select:none;min-height:50px;flex-shrink:0}.content-nav-menu.collapsed .content-nav-menu-header{margin-bottom:0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.content-nav-menu-title-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0;max-width:calc(100% - 60px);overflow:hidden}.content-nav-menu-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--text);display:flex;align-items:center;gap:var(--spacing-sm)}.content-nav-menu-active-title{font-size:var(--font-size-xs);color:var(--primary);font-weight:var(--font-weight-medium);opacity:0;transform:translateY(-5px);transition:all 0.3s ease;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;max-width:100%}.content-nav-menu-active-title.show{opacity:1;transform:translateY(0)}.content-nav-menu-active-title::before{content:'📍 ';margin-right:var(--spacing-xs)}.content-nav-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);font-size:var(--font-size-xl);color:var(--text);transition:var(--transition);flex-shrink:0}.content-nav-menu-header:hover .content-nav-menu-title{color:var(--primary)}.content-nav-menu-desktop-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.content-nav-menu-desktop-toggle:hover{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.content-nav-menu.collapsed .content-nav-menu-desktop-toggle::before{content:'▼'}.content-nav-menu:not(.collapsed) .content-nav-menu-desktop-toggle::before{content:'▲'}.content-nav-menu-toggle:hover{color:var(--primary)}.content-nav-menu-toggle .content-nav-toggle-icon{display:inline-block;transition:transform 0.3s ease}.content-nav-menu-toggle.active .content-nav-toggle-icon{transform:rotate(180deg)}.content-nav-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.content-nav-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-muted);text-decoration:none;border-radius:var(--border-radius);transition:var(--transition);font-size:var(--font-size-sm);position:relative;padding-left:calc(var(--spacing-md) + var(--spacing-md))}.content-nav-link::before{content:'▸';position:absolute;left:var(--spacing-md);color:var(--text-light);transition:var(--transition)}.content-nav-link:hover{background:var(--surface-hover);color:var(--primary);padding-left:calc(var(--spacing-md) + var(--spacing-md) + var(--spacing-xs))}.content-nav-link:hover::before{color:var(--primary);transform:translateX(4px)}.content-nav-link.active{background:rgba(var(--primary-rgb,30,58,138),.1);color:var(--primary);font-weight:var(--font-weight-medium);border-left:3px solid var(--primary);padding-left:calc(var(--spacing-md) + var(--spacing-md) - 3px)}.content-nav-link.active::before{content:'▶';color:var(--primary);transform:translateX(2px)}html{scroll-behavior:smooth}section[id],header[id]{scroll-margin-top:calc(var(--header-height) + var(--spacing-xl) + 80px);position:relative}section[id]::before,header[id]::before{content:'';position:absolute;top:-2px;left:0;right:0;height:4px;background:var(--primary);transform:scaleX(0);transition:transform 0.5s ease;z-index:1}section[id].highlighted::before,header[id].highlighted::before{transform:scaleX(1);animation:highlightPulse 1s ease}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb,30,58,138),.7)}50%{box-shadow:0 0 0 8px rgba(var(--primary-rgb,30,58,138),0)}100%{box-shadow:0 0 0 0 rgba(var(--primary-rgb,30,58,138),0)}}.site-detail-header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-xl);align-items:center;padding:var(--spacing-xxl) 0;margin-bottom:var(--spacing-xxl);border-bottom:2px solid var(--border)}.site-detail-logo{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.site-logo-large{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--border-radius-lg);font-size:3.5rem;box-shadow:0 4px 16px rgb(30 58 138 / .3)}.site-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-sm)}.site-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--accent);color:var(--text-on-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.site-languages{color:var(--text)}.site-detail-info{flex:1}.site-detail-title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--text);line-height:1.2}.site-detail-meta{display:flex;flex-direction:column;gap:var(--spacing-md)}.site-rating-large{display:flex;align-items:center;gap:var(--spacing-md)}.stars-large{color:var(--accent);font-size:var(--font-size-lg);letter-spacing:3px}.rating-score-large{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text)}.rating-count{font-size:var(--font-size-sm);color:var(--text-muted)}.site-meta-items{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.site-meta-item{font-size:var(--font-size-sm);color:var(--text-muted)}.site-meta-item strong{color:var(--text);font-weight:var(--font-weight-semibold)}.site-detail-cta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.btn-primary-large{padding:var(--spacing-md) var(--spacing-xxl);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border-radius:var(--border-radius);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);text-decoration:none;transition:var(--transition);white-space:nowrap;box-shadow:0 4px 16px rgb(30 58 138 / .3);text-align:center}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgb(30 58 138 / .4);text-decoration:none;color:var(--text-on-primary)}.cta-note{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.bonus-highlight-section{margin-bottom:var(--spacing-xxl)}.bonus-highlight-card{display:flex;align-items:center;gap:var(--spacing-xl);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);padding:var(--spacing-xxl);border-radius:var(--border-radius-lg);box-shadow:0 4px 16px rgb(30 58 138 / .2);color:var(--text-on-primary)}.bonus-highlight-icon{font-size:4rem;opacity:.9}.bonus-highlight-content{flex:1}.bonus-highlight-amount{font-size:3rem;font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs)}.bonus-highlight-label{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-xs)}.bonus-highlight-type{font-size:var(--font-size-md);opacity:.8}.bonus-highlight-features{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bonus-feature-badge{padding:var(--spacing-xs) var(--spacing-md);background:rgb(255 255 255 / .25);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);backdrop-filter:blur(10px);color:var(--text-on-primary);font-weight:var(--font-weight-medium)}.quick-stats-section{margin-bottom:var(--spacing-xxl)}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.quick-stat-item{display:flex;align-items:center;gap:var(--spacing-md);background:var(--surface);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}.quick-stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:50%;flex-shrink:0}.quick-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary);line-height:1;margin-bottom:var(--spacing-xs)}.quick-stat-label{font-size:var(--font-size-sm);color:var(--text-muted)}.site-detail-content{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--spacing-xxl);margin-bottom:var(--spacing-xxl)}.site-detail-main{min-width:0}.section-title-left{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--text);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border)}.content-section{margin-bottom:var(--spacing-xl)}.bonus-category-section{margin-bottom:var(--spacing-xl)}.bonus-category-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border)}.bonus-category-icon{font-size:1.5rem}.bonus-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:0}.bonus-detail-card{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px var(--shadow);border:2px solid var(--border);transition:var(--transition);display:flex;flex-direction:column;gap:var(--spacing-md)}.bonus-detail-card:hover{box-shadow:0 4px 16px var(--shadow-md);transform:translateY(-2px)}.bonus-detail-card.featured{border-color:var(--accent);background:linear-gradient(135deg,var(--surface) 0%,rgb(245 158 11 / .05) 100%);position:relative}.bonus-detail-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,var(--primary) 100%);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.bonus-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.bonus-type-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.bonus-type-badge.welcome{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-primary)}.bonus-type-badge.reload{background:var(--secondary-dark);color:var(--text-on-primary)}.bonus-type-badge.free_spin{background:var(--accent-hover);color:var(--text-on-primary)}.bonus-type-badge.cashback{background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);color:var(--text-on-primary)}.bonus-type-badge.vip,.bonus-type-badge.badge-vip{background:linear-gradient(135deg,#9F1239 0%,#7F1D1D 100%);color:var(--text-on-primary);font-weight:var(--font-weight-bold)}.bonus-featured-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-hover);color:var(--text-on-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.bonus-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text);margin:0;line-height:1.3}.bonus-main-info{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.bonus-amount{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--primary);line-height:1}.bonus-percentage{font-size:var(--font-size-md);color:var(--text-muted);font-weight:var(--font-weight-medium)}.bonus-details-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bonus-detail-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.bonus-detail-icon{font-size:1.25rem;flex-shrink:0;width:24px;text-align:center}.bonus-detail-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.bonus-detail-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-medium)}.bonus-detail-value{font-size:var(--font-size-sm);color:var(--text);font-weight:var(--font-weight-semibold);text-align:right}.bonus-detail-value.highlight{color:var(--success);font-weight:var(--font-weight-bold)}.bonus-features{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.bonus-feature-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--text);font-weight:var(--font-weight-medium)}.bonus-feature-tag.highlight{background:var(--success);color:var(--text-on-primary);border-color:var(--success)}.bonus-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border);margin-top:auto}.bonus-claim-count{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium)}.btn-bonus-claim{padding:var(--spacing-sm) var(--spacing-lg);background:#1E293B;color:var(--text-on-primary);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:var(--transition);white-space:nowrap}.btn-bonus-claim:hover{box-shadow:0 4px 12px rgb(30 41 59 / .3);transform:translateY(-2px);text-decoration:none;color:var(--text-on-primary);background:#1E293B}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.payment-method-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--surface);border-radius:var(--border-radius);border:1px solid var(--border);transition:var(--transition)}.payment-method-item:hover{box-shadow:0 2px 8px var(--shadow);transform:translateY(-2px)}.payment-methods-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.payment-method-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:var(--transition)}.payment-method-card:hover{box-shadow:0 4px 12px var(--shadow-md);border-color:var(--primary-light)}.payment-method-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.payment-method-header .payment-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border-radius:var(--border-radius)}.payment-method-header .payment-name{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text);text-align:left}.payment-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.payment-badge.available{background:var(--success);color:var(--text-on-primary)}.payment-badge.unavailable{background:var(--text-muted);color:var(--text-on-primary)}.payment-method-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.payment-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.payment-detail-label{color:var(--text-muted);font-weight:var(--font-weight-medium)}.payment-detail-value{color:var(--text);font-weight:var(--font-weight-semibold)}.payment-icon{font-size:2rem}.payment-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text);text-align:center}.payment-note{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.features-section{margin-bottom:var(--spacing-lg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:0}.feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--surface);border-radius:var(--border-radius);border:1px solid var(--border);transition:var(--transition);text-align:center}.feature-item:hover{box-shadow:0 2px 8px var(--shadow);transform:translateY(-2px);border-color:var(--primary-light)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-xs)}.feature-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text)}.mobile-app-section{margin-bottom:var(--spacing-lg)}.mobile-app-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-hover) 100%);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:0}.mobile-app-content{display:flex;gap:var(--spacing-xl);align-items:flex-start}.mobile-app-icon{font-size:4rem;flex-shrink:0}.mobile-app-info{flex:1}.mobile-app-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--spacing-md)}.mobile-app-description{font-size:var(--font-size-md);color:var(--text-muted);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.mobile-app-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.mobile-app-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius);text-decoration:none;transition:var(--transition);min-width:200px}.mobile-app-link:hover{box-shadow:0 2px 8px var(--shadow);transform:translateY(-2px);border-color:var(--primary);text-decoration:none}.mobile-app-link-icon{font-size:2rem;flex-shrink:0}.mobile-app-link-text{display:flex;flex-direction:column}.mobile-app-link-label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--spacing-xs)}.mobile-app-link-sub{font-size:var(--font-size-xs);color:var(--text-muted)}.mobile-app-note{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.pros-cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:0}.pros-cons-item{padding:var(--spacing-lg);border-radius:var(--border-radius);border:2px solid var(--border)}.pros-cons-item.pros{background:linear-gradient(135deg,rgb(16 185 129 / .1) 0%,rgb(16 185 129 / .05) 100%);border-color:var(--secondary)}.pros-cons-item.cons{background:linear-gradient(135deg,rgb(239 68 68 / .1) 0%,rgb(239 68 68 / .05) 100%);border-color:var(--error)}.pros-cons-item h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--text)}.pros-cons-item ul{list-style:none;padding:0;margin:0}.pros-cons-item li{padding:var(--spacing-sm) 0;color:var(--text);font-size:var(--font-size-md);line-height:1.6}.step-list{list-style:none;padding:0;margin:0;counter-reset:step-counter}.step-list li{counter-increment:step-counter;padding:var(--spacing-lg);margin-bottom:var(--spacing-md);background:var(--surface);border-left:4px solid var(--primary);border-radius:var(--border-radius-sm);position:relative;padding-left:calc(var(--spacing-xxl) + var(--spacing-md))}.step-list li::before{content:counter(step-counter);position:absolute;left:var(--spacing-md);top:var(--spacing-lg);width:32px;height:32px;background:var(--primary);color:var(--text-on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-md)}.faq-list{margin-bottom:var(--spacing-xl)}.faq-item{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);border:1px solid var(--border);transition:var(--transition)}.faq-item:hover{box-shadow:0 2px 8px var(--shadow)}.faq-question{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--spacing-md)}.faq-answer{color:var(--text-muted);line-height:var(--line-height-base);margin:0}.sidebar-cta{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border:none;padding:var(--spacing-xxl)}.sidebar-cta-content{text-align:center;color:var(--text-on-primary)}.sidebar-cta-bonus{font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-sm);color:var(--text-on-primary);text-shadow:0 2px 4px rgb(0 0 0 / .2)}.sidebar-cta-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-on-primary);opacity:1;margin-bottom:var(--spacing-lg);text-shadow:0 1px 2px rgb(0 0 0 / .15)}.sidebar-cta-note{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-on-primary);opacity:.95;margin-top:var(--spacing-md);margin-bottom:0;text-shadow:0 1px 2px rgb(0 0 0 / .15)}.related-sites-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.related-site-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface);border-radius:var(--border-radius);border:1px solid var(--border);text-decoration:none;transition:var(--transition)}.related-site-item:hover{box-shadow:0 2px 8px var(--shadow);transform:translateX(4px);text-decoration:none}.related-site-logo{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--border-radius-sm);font-size:1.5rem;flex-shrink:0}.related-site-name{font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--spacing-xs)}.related-site-bonus{font-size:var(--font-size-sm);color:var(--text-muted)}@media (max-width:1024px){.site-detail-content{grid-template-columns:1fr}.site-detail-header{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.site-detail-logo{justify-self:center}.site-detail-cta{width:100%}.btn-primary-large{width:100%}.bonus-highlight-card{flex-direction:column;text-align:center}.bonus-highlight-features{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.pros-cons-grid{grid-template-columns:1fr}}@media (max-width:768px){.site-detail-page{padding:0;width:100%;max-width:100%;overflow-x:hidden}.site-detail-header{padding:var(--spacing-lg) var(--spacing-sm);margin-bottom:var(--spacing-lg);width:100%}.site-detail-title{font-size:var(--font-size-xxl);padding:0 var(--spacing-sm);word-wrap:break-word}.site-detail-content{padding:0;width:100%}.site-logo-large{width:80px;height:80px;font-size:2.5rem}.bonus-highlight-amount{font-size:2rem}.quick-stats-grid{grid-template-columns:1fr}.bonus-details-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.bonus-detail-card{padding:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}.bonus-amount{font-size:var(--font-size-xxl)}.bonus-card-footer{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.bonus-details-list{padding:var(--spacing-sm) 0}.bonus-detail-item{padding:var(--spacing-xs) 0}.btn-bonus-claim{width:100%;text-align:center}.payment-methods-grid{grid-template-columns:repeat(3,1fr)}.step-list li{padding-left:calc(var(--spacing-xl) + var(--spacing-md))}}.reviews-header{margin-bottom:var(--spacing-xxl)}.reviews-summary{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xxl);margin-top:var(--spacing-lg);padding:var(--spacing-xl);background:var(--surface);border-radius:var(--border-radius-lg);border:1px solid var(--border)}.reviews-summary-rating{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);border-radius:var(--border-radius);color:var(--text-on-primary);min-width:200px}.rating-large{font-size:3.5rem;font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-sm)}.rating-stars-large{font-size:var(--font-size-xl);color:var(--accent);letter-spacing:4px;margin-bottom:var(--spacing-sm)}.rating-count-large{font-size:var(--font-size-sm);opacity:.9}.reviews-summary-breakdown{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.rating-bar-item{display:flex;align-items:center;gap:var(--spacing-md)}.rating-bar-label{font-size:var(--font-size-sm);color:var(--text);font-weight:var(--font-weight-medium);min-width:70px}.rating-bar{flex:1;height:8px;background:var(--border);border-radius:var(--border-radius-sm);overflow:hidden;position:relative}.rating-bar-fill{height:100%;background:linear-gradient(90deg,var(--secondary) 0%,var(--primary) 100%);transition:width 0.3s ease;width:0}.rating-bar-count{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-semibold);min-width:40px;text-align:right}.review-form-section{background:var(--surface);padding:var(--spacing-xxl);border-radius:var(--border-radius-lg);border:1px solid var(--border);margin-bottom:var(--spacing-xxl)}.review-form-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border)}.review-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.review-form-rating{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background);border-radius:var(--border-radius);border:1px solid var(--border)}.review-form-label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text);display:block;margin-bottom:var(--spacing-sm)}.star-rating-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:var(--spacing-xs)}.star-rating-input input[type="radio"]{display:none}.star-rating-input .star-label{font-size:2rem;color:var(--border-dark);cursor:pointer;transition:var(--transition);user-select:none}.star-rating-input .star-label:hover,.star-rating-input .star-label:hover~.star-label,.star-rating-input input[type="radio"]:checked~.star-label{color:var(--accent)}.review-form-group{display:flex;flex-direction:column}.review-form-input,.review-form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius);font-size:var(--font-size-md);font-family:var(--font-family-primary);transition:var(--transition);background:var(--background);color:var(--text)}.review-form-input:focus,.review-form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(30 58 138 / .1)}.review-form-textarea{resize:vertical;min-height:120px;line-height:var(--line-height-base)}.review-form-checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted);cursor:pointer;line-height:1.5}.review-form-checkbox-label input[type="checkbox"]{margin-top:4px;cursor:pointer;width:18px;height:18px;flex-shrink:0}.reviews-list{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.review-item{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:1px solid var(--border);transition:var(--transition)}.review-item:hover{box-shadow:0 4px 12px var(--shadow)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-lg)}.review-author{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.review-author-avatar{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border-radius:50%;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0}.review-author-name{font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--spacing-xs)}.review-date{font-size:var(--font-size-sm);color:var(--text-muted)}.review-rating{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.review-stars{color:var(--accent);font-size:var(--font-size-lg);letter-spacing:2px}.review-rating-score{font-weight:var(--font-weight-bold);color:var(--text);font-size:var(--font-size-lg)}.review-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--spacing-md)}.review-content{color:var(--text-muted);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.review-helpful{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.review-helpful-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition)}.review-helpful-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.review-helpful-btn span:first-child{font-size:var(--font-size-lg)}.review-verified{margin-top:var(--spacing-sm)}.verified-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--secondary);color:var(--text-on-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}@media (max-width:1024px){.reviews-summary{grid-template-columns:1fr;gap:var(--spacing-lg)}.reviews-summary-rating{width:100%}}@media (max-width:768px){.review-form-section{padding:var(--spacing-lg)}.review-header{flex-direction:column;align-items:flex-start}.review-rating{align-self:flex-end}.rating-bar-item{flex-wrap:wrap;gap:var(--spacing-sm)}.rating-bar{order:1;width:100%}.rating-bar-count{order:2}.star-rating-input .star-label{font-size:1.5rem}.payment-methods-detailed{grid-template-columns:1fr;gap:var(--spacing-md);margin:0}.payment-method-card{padding:var(--spacing-md);width:100%;max-width:100%}.payment-method-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.payment-method-header .payment-icon{font-size:1.5rem;width:40px;height:40px}.payment-method-header .payment-name{width:100%;text-align:left}.payment-methods-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}.feature-item{padding:var(--spacing-md)}.mobile-app-content{flex-direction:column;gap:var(--spacing-md)}.mobile-app-links{flex-direction:column}.mobile-app-link{width:100%;min-width:auto}.site-badges{margin-top:var(--spacing-xs)}.content-nav-menu{position:fixed!important;top:var(--header-height);left:0;right:0;margin:0;margin-bottom:0;padding:0;max-height:none!important;overflow:visible!important;z-index:999!important;display:flex;flex-direction:column;will-change:transform;border-radius:0;border-left:0;border-right:0;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.content-nav-menu.collapsed{max-height:none!important}.content-nav-menu.collapsed .content-nav-menu-list{display:block!important;max-height:0!important}.content-nav-menu:not(.active) .content-nav-menu-list{max-height:0!important;overflow:hidden!important}.content-nav-menu-header{margin-bottom:0;padding:var(--spacing-sm);position:relative;background:var(--surface);z-index:1000;border:none;border-bottom:1px solid var(--border);box-shadow:none;flex-shrink:0;min-height:50px;gap:var(--spacing-xs)}.content-nav-menu.active .content-nav-menu-header{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid var(--border)}.content-nav-menu-title-wrapper{max-width:calc(100% - 50px);flex:1;min-width:0}.content-nav-menu-title{font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.content-nav-menu-active-title{font-size:10px;display:block;margin-top:2px;-webkit-line-clamp:1;line-clamp:1;line-height:1.3;word-break:break-word}.content-nav-menu-desktop-toggle{display:none}.content-nav-menu-toggle{display:block;flex-shrink:0;width:36px;height:36px;min-width:36px;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center}.content-nav-menu-toggle .content-nav-toggle-icon{font-size:1.2rem;line-height:1}.content-nav-menu-list{margin-top:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease;gap:0;background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);padding:0;padding-bottom:0;flex:0;list-style:none;position:relative}.content-nav-menu.active .content-nav-menu-list{max-height:calc(100vh - var(--header-height) - 60px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;margin-top:0;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-sm);padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm);flex:1;min-height:200px;display:block!important;visibility:visible!important}.content-nav-menu.active .content-nav-menu-list::-webkit-scrollbar{width:4px}.content-nav-menu.active .content-nav-menu-list::-webkit-scrollbar-track{background:#fff0}.content-nav-menu.active .content-nav-menu-list::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:2px}.content-nav-menu.active .content-nav-menu-list::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.content-nav-link{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);padding-left:calc(var(--spacing-sm) + var(--spacing-md))}.content-nav-link::before{left:var(--spacing-sm)}section[id],header[id]{scroll-margin-top:calc(var(--header-height) + var(--spacing-md) + 60px)}.content-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-sm)}.site-detail-main{padding:0 var(--spacing-sm)}.section-title-left{padding:0 var(--spacing-sm)}.breadcrumb{font-size:var(--font-size-xs);gap:calc(var(--spacing-xs) * 0.5);margin-bottom:var(--spacing-md);padding:0;line-height:1.5}.breadcrumb a{max-width:150px;display:inline-block}.breadcrumb span{margin:0 calc(var(--spacing-xs) * 0.5)}.footer{padding:var(--spacing-lg) 0;margin-top:var(--spacing-lg)}.footer-content{padding:0 var(--spacing-sm);gap:var(--spacing-lg)}.footer-bottom{padding:var(--spacing-md) var(--spacing-sm)}}.bet-sites-list-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0}.bet-sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.bet-site-card{background:var(--surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px var(--shadow);transition:var(--transition);display:flex;flex-direction:column}.bet-site-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-md)}.bet-site-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.bet-site-header-content{flex:1}.bet-site-logo{width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:var(--border-radius);font-size:2rem}.bet-site-logo img{width:100%;height:100%;object-fit:contain}.bet-site-name{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text);line-height:1.3}.bet-site-badges{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap}.bet-site-rating{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.bet-site-rating .stars{color:var(--accent);font-size:var(--font-size-md)}.bet-site-rating .rating-score{font-weight:var(--font-weight-semibold);color:var(--text)}.bet-site-rating .rating-count{font-size:var(--font-size-sm);color:var(--text-muted)}.bet-site-details{margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.bet-site-details .detail-item{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.bet-site-details .detail-item span:first-child{color:var(--text-muted)}.bet-site-details .detail-item span:last-child{font-weight:var(--font-weight-medium);color:var(--text)}.bet-site-actions{display:flex;gap:var(--spacing-md);margin-top:auto;align-items:flex-start}.bet-site-actions .btn{flex:1;min-width:0;text-align:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:var(--transition);white-space:normal;word-break:break-word;overflow-wrap:break-word}.bet-site-actions .btn-primary{background:var(--primary);color:var(--text-on-primary)}.bet-site-actions .btn-primary:hover{background:var(--primary-dark);color:var(--text-on-primary);text-decoration:none}.bet-site-actions .btn-bonus{background:#B45309;color:var(--text-on-primary);font-weight:var(--font-weight-bold)}.bet-site-actions .btn-bonus:hover{background:#C2410C;color:var(--text-on-primary);text-decoration:none}.btn-bonus-inverse{background:var(--text-on-primary)!important;color:var(--primary)!important}.btn-bonus-inverse:hover{background:var(--primary-light)!important;color:var(--text-on-primary)!important}@media (max-width:768px){.bet-sites-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.bet-site-card{padding:var(--spacing-md)}.bet-site-actions{flex-direction:column}.bet-site-actions .btn{width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.no-underline{text-decoration:none}.no-underline:hover{text-decoration:none}.transition{transition:var(--transition)}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:50%}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-on-primary{color:var(--text-on-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.bg-surface{background:var(--surface)}.bg-primary{background:var(--primary)}.bg-secondary{background:var(--secondary)}.bg-accent{background:var(--accent)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.text-xxxl{font-size:var(--font-size-xxxl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.flex-1{flex:1}.text-center-mt{text-align:center;margin-top:var(--spacing-xl)}