:root{--primary-red:#ff6b6b;--primary-blue:#4ecdc4;--electric-blue:#45b7d1;--neon-green:#96ceb4;--warning-yellow:#feca57;--danger-red:#ff3838;--success-green:#00d2d3;--bg-primary:#0a0a0a;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-card:#1e1e2e;--bg-card-hover:#2a2a3e;--text-primary:#fff;--text-secondary:#b8b8b8;--text-muted:#6b7280;--text-accent:#4ecdc4;--border-primary:#334;--border-accent:#4ecdc4;--shadow-primary:0 4px 20px #00000040;--shadow-glow:0 0 20px #4ecdc44d;--shadow-neon:0 0 10px currentColor;--font-primary:"Rajdhani","Arial",sans-serif;--font-display:"Orbitron","Courier New",monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Rajdhani,Arial,sans-serif;font-family:var(--font-primary);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(circle at 20% 80%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#4ecdc41a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);background:radial-gradient(circle at 20% 80%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#4ecdc41a 0,#0000 50%),linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;font-weight:var(--font-weight-black);letter-spacing:.1em;text-transform:uppercase}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;font-weight:var(--font-weight-bold)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:1.25rem}p{margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#4ecdc4;color:var(--text-accent);text-decoration:none;transition:.15s ease;transition:var(--transition-fast)}a:hover{color:#4ecdc4;color:var(--primary-blue);text-shadow:0 0 10px currentColor;text-shadow:var(--shadow-neon)}.app,.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:calc(100vh - 80px)}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border-bottom:1px solid #334;border-bottom:1px solid var(--border-primary);box-shadow:0 4px 20px #00000040;box-shadow:var(--shadow-primary);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.header-container,.logo-section{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg)}.logo{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);text-decoration:none;transition:.25s ease;transition:var(--transition-normal)}.logo:hover{transform:scale(1.05)}.logo-icon{color:#4ecdc4;color:var(--primary-blue);filter:drop-shadow(0 0 8px currentColor)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);background:linear-gradient(45deg,var(--primary-red),var(--primary-blue));-webkit-background-clip:text;background-clip:text;font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:1.5rem;font-weight:900;font-weight:var(--font-weight-black);letter-spacing:.1em;text-transform:uppercase}.api-status{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);letter-spacing:.05em;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;transition:.15s ease;transition:var(--transition-fast)}.api-status.connected{background:#00ff881a;border:1px solid #00ff884d;color:#00d2d3;color:var(--success-green)}.api-status.error{background:#ff47571a;border:1px solid #ff47574d;color:#ff3838;color:var(--danger-red)}.api-status.checking{animation:pulse 2s ease-in-out infinite;background:#feca571a;border:1px solid #feca574d;color:#feca57;color:var(--warning-yellow)}.desktop-nav{display:flex;gap:.5rem;gap:var(--spacing-sm)}.nav-link{align-items:center;border-radius:8px;border-radius:var(--radius-md);color:#b8b8b8;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);letter-spacing:.05em;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;text-transform:uppercase;transition:.25s ease;transition:var(--transition-normal)}.nav-link.active,.nav-link:hover{background:#4ecdc41a;color:#4ecdc4;color:var(--text-accent);transform:translateY(-1px)}.nav-link.active{border:1px solid #4ecdc44d}.search-form{flex:1 1;max-width:500px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#6b7280;color:var(--text-muted);left:1rem;left:var(--spacing-md);position:absolute;z-index:2}.search-input{background:#ffffff0d;border:1px solid #334;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);color:#fff;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:1rem 1rem 1rem 3rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;transition:.25s ease;transition:var(--transition-normal);width:100%}.search-input::placeholder{color:#6b7280;color:var(--text-muted);font-style:italic}.search-input:focus{background:#ffffff14;border-color:#4ecdc4;border-color:var(--border-accent);box-shadow:0 0 0 2px #4ecdc433;outline:none}.mobile-menu-button{background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:none;padding:.5rem;padding:var(--spacing-sm);transition:.15s ease;transition:var(--transition-fast)}.mobile-menu-button:hover{background:#ffffff1a}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2efa;border-bottom:1px solid #334;border-bottom:1px solid var(--border-primary);display:none;left:0;padding:1.5rem;padding:var(--spacing-lg);position:absolute;right:0;top:100%}.mobile-search{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.mobile-nav-link{align-items:center;border-radius:8px;border-radius:var(--radius-md);color:#b8b8b8;color:var(--text-secondary);display:flex;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md);text-decoration:none;transition:.15s ease;transition:var(--transition-fast)}.mobile-nav-link.active,.mobile-nav-link:hover{background:#4ecdc41a;color:#4ecdc4;color:var(--text-accent)}.home-page{margin:0 auto;max-width:1400px;padding:0 2rem;padding:0 var(--spacing-xl)}.hero{margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:3rem 0;padding:var(--spacing-2xl) 0;text-align:center}.hero-content{margin:0 auto}.hero-title{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.hero-title-main{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background:linear-gradient(45deg,var(--primary-red),var(--primary-blue),var(--electric-blue),var(--neon-green));-webkit-background-clip:text;background-clip:text;background-size:400% 400%;font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-weight:900;font-weight:var(--font-weight-black);letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.hero-title-main,.hero-title-sub{display:block;text-transform:uppercase}.hero-title-sub{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.15em}.hero-description,.hero-title-sub{color:#b8b8b8;color:var(--text-secondary)}.hero-description{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.hero-comparison{margin-top:2rem;margin-top:var(--spacing-xl);padding:2rem 0;padding:var(--spacing-xl) 0}.comparison-container{margin:0 auto;max-width:800px}.gpu-comparison-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #334;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);padding:2rem;padding:var(--spacing-xl)}.gpu-versus-layout{grid-gap:1.5rem;grid-gap:var(--spacing-lg);align-items:center;display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr auto 1fr;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.gpu-side{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg);text-align:center;transition:.25s ease;transition:var(--transition-normal)}.gpu-side:hover{background:#ffffff0d;transform:translateY(-2px)}.gpu-side h3{color:#fff;color:var(--text-primary);font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.05em;text-transform:uppercase}.gpu-side h3,.gpu-specs{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.gpu-specs{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.gpu-specs span{color:#b8b8b8;color:var(--text-secondary);font-size:.9rem}.gpu-side p,.gpu-specs span{font-weight:500;font-weight:var(--font-weight-medium)}.gpu-side p{color:#4ecdc4;color:var(--text-accent);letter-spacing:.05em;margin:0;text-transform:uppercase}.versus-divider{align-items:center;color:#ff6b6b;color:var(--primary-red);display:flex;flex-direction:column;font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-weight:900;font-weight:var(--font-weight-black);gap:.5rem;gap:var(--spacing-sm)}.versus-divider svg{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px currentColor)}.versus-divider span{font-size:1.2rem;letter-spacing:.1em;text-shadow:0 0 10px currentColor;text-transform:uppercase}.compare-cta-button{align-items:center;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);background:linear-gradient(45deg,var(--primary-red),var(--primary-blue));border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000040;box-shadow:var(--shadow-primary);color:#fff;display:flex;font-size:1.1rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--spacing-sm);justify-content:center;letter-spacing:.05em;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);text-decoration:none;text-transform:uppercase;transition:.25s ease;transition:var(--transition-normal)}.compare-cta-button:hover{background:linear-gradient(45deg,#ff5252,#26c6da);box-shadow:0 0 20px #4ecdc44d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.controls{background:#ffffff05;border:1px solid #334;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}.controls-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:space-between}.filter-toggle{align-items:center;background:#ffffff0d;border:1px solid #334;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:.15s ease;transition:var(--transition-fast)}.filter-toggle.active,.filter-toggle:hover{background:#4ecdc41a;border-color:#4ecdc4;border-color:var(--border-accent);color:#4ecdc4;color:var(--text-accent)}.view-controls{display:flex;gap:.25rem;gap:var(--spacing-xs)}.view-button{background:#ffffff0d;border:1px solid #334;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);color:#b8b8b8;color:var(--text-secondary);cursor:pointer;padding:.5rem;padding:var(--spacing-sm);transition:.15s ease;transition:var(--transition-fast)}.view-button.active,.view-button:hover{background:#4ecdc41a;border-color:#4ecdc4;border-color:var(--border-accent);color:#4ecdc4;color:var(--text-accent)}.results-count{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:.9rem;gap:.25rem;gap:var(--spacing-xs)}.gpu-grid-section{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.gpu-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.gpu-grid.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.gpu-grid.list{grid-template-columns:1fr}.gpu-card{background:#1e1e2e;background:var(--bg-card);border:1px solid #334;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:.25s ease;transition:var(--transition-normal)}.gpu-card:hover{background:#2a2a3e;background:var(--bg-card-hover);border-color:#4ecdc4;border-color:var(--border-accent);box-shadow:0 0 20px #4ecdc44d;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.gpu-card-link{color:inherit;display:block;height:100%;text-decoration:none}.gpu-card-3d{background:linear-gradient(135deg,#1a1a2e,#16213e);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid #334;border-bottom:1px solid var(--border-primary);height:200px;overflow:hidden;position:relative}.gpu-card-3d canvas{background:#0000!important;border-radius:0;display:block;height:100%!important;width:100%!important}.gpu-card-3d-small{border-radius:8px;border-radius:var(--radius-md);flex-shrink:0;height:80px;overflow:hidden;width:120px}.gpu-card-preview{align-items:center;background:linear-gradient(135deg,#4ecdc41a,#45b7d11a);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;transition:.25s ease;transition:var(--transition-normal)}.gpu-card-preview:hover{background:linear-gradient(135deg,#4ecdc433,#45b7d133)}.gpu-card-preview-content{align-items:center;color:#4ecdc4;color:var(--text-accent);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.gpu-card-preview-content span{font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.gpu-card-content{padding:1.5rem;padding:var(--spacing-lg)}.gpu-card-header{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.gpu-card-title{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.gpu-card-category{background:#4ecdc433;border-radius:4px;border-radius:var(--radius-sm);color:#4ecdc4;color:var(--text-accent);display:inline-block;font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.gpu-card-performance{background:#4ecdc41a;border-left:3px solid #4ecdc4;border-left:3px solid var(--text-accent);border-radius:8px;border-radius:var(--radius-md);margin:1rem 0;margin:var(--spacing-md) 0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.performance-metric{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.metric-icon{color:#4ecdc4;color:var(--text-accent)}.metric-details{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.metric-value{font-size:1.1rem;font-weight:700;font-weight:var(--font-weight-bold)}.metric-label{font-size:.8rem}.gpu-card-specs{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.spec-item{align-items:center;display:flex;font-size:.85rem;gap:.25rem;gap:var(--spacing-xs);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.spec-item svg{flex-shrink:0}.spec-item svg,.spec-label{color:#6b7280;color:var(--text-muted)}.spec-label{min-width:40px}.spec-value{color:#fff;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.gpu-card-footer{align-items:center;border-top:1px solid #334;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding-top:1rem;padding-top:var(--spacing-md)}.benchmark-count{color:#6b7280;color:var(--text-muted);font-size:.8rem}.benchmark-count,.view-details-btn{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.view-details-btn{background:#4ecdc4;background:var(--primary-blue);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;text-transform:uppercase;transition:.15s ease;transition:var(--transition-fast)}.view-details-btn:hover{background:#45b7d1;background:var(--electric-blue);box-shadow:0 0 15px #4ecdc466;transform:translateY(-1px)}.gpu-card.list-view{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.gpu-card-content-horizontal{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.gpu-card-info{flex:1 1}.gpu-card-specs-horizontal{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);margin:.5rem 0;margin:var(--spacing-sm) 0}.gpu-card-specs-horizontal span{color:#b8b8b8;color:var(--text-secondary);font-size:.9rem}.performance-preview{margin-top:.5rem;margin-top:var(--spacing-sm)}.performance-preview .performance-metric{color:#4ecdc4;color:var(--text-accent);font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium)}.gpu-card-actions{flex-shrink:0}.error-page,.loading-page{align-items:center;display:flex;justify-content:center;min-height:60vh;text-align:center}.error-content,.loading-content{max-width:400px}.gpu-loader{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.gpu-chip{animation:pulse 1.5s ease-in-out infinite;background:#4ecdc4;background:var(--primary-blue);border-radius:4px;border-radius:var(--radius-sm);height:20px;width:20px}.gpu-chip:nth-child(2){animation-delay:.3s;background:#45b7d1;background:var(--electric-blue)}.gpu-chip:nth-child(3){animation-delay:.6s;background:#96ceb4;background:var(--neon-green)}.error-content h2,.loading-content h2{color:#fff;color:var(--text-primary);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.error-content p,.loading-content p{color:#b8b8b8;color:var(--text-secondary);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.back-button,.retry-button{align-items:center;background:#4ecdc4;background:var(--primary-blue);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:.15s ease;transition:var(--transition-fast)}.back-button:hover,.retry-button:hover{background:#45b7d1;background:var(--electric-blue);box-shadow:0 0 15px #4ecdc466}.footer{background:#1a1a2e;background:var(--bg-secondary);border-top:1px solid #334;border-top:1px solid var(--border-primary);margin-top:3rem;margin-top:var(--spacing-2xl)}.footer-container{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1400px;padding:3rem 2rem;padding:var(--spacing-2xl) var(--spacing-xl)}.footer-section h3{color:#fff;color:var(--text-primary);font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.1em;margin-bottom:1rem;margin-bottom:var(--spacing-md);text-transform:uppercase}.footer-section h4{color:#4ecdc4;color:var(--text-accent);font-size:1rem;letter-spacing:.05em;text-transform:uppercase}.footer-section h4,.footer-section p{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.footer-section p{color:#b8b8b8;color:var(--text-secondary)}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.footer-section ul li a{color:#b8b8b8;color:var(--text-secondary);text-decoration:none;transition:.15s ease;transition:var(--transition-fast)}.footer-section ul li a:hover{color:#4ecdc4;color:var(--text-accent)}.footer-bottom{border-top:1px solid #334;border-top:1px solid var(--border-primary);color:#6b7280;color:var(--text-muted);font-size:.9rem;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);text-align:center}.category-page{padding:0 2rem;padding:0 var(--spacing-xl)}.category-header{background:linear-gradient(135deg,#ffffff0d 0,rgba(var(--category-color),.1) 50%,#ffffff0d 100%);border:1px solid rgba(var(--category-color),.2);border-radius:16px;border-radius:var(--radius-xl);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:3rem 0;padding:var(--spacing-2xl) 0;text-align:center}.category-header-content{margin:0 auto;max-width:800px}.category-icon-section{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.category-hero{align-items:center;display:flex;flex-direction:column;gap:8px;padding:32px 0 16px}.category-icon{background:rgba(var(--category-color),.2);border:2px solid rgba(var(--category-color),.3);border-radius:16px;border-radius:var(--radius-xl);color:var(--category-color);padding:1.5rem;padding:var(--spacing-lg)}.category-title-section{text-align:left}.category-title{color:#fff;color:var(--text-primary);font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.category-subtitle{color:#b8b8b8;color:var(--text-secondary);font-size:1.1rem;margin:0}.category-tagline{font-size:.9rem;font-weight:500;letter-spacing:.05em;margin-top:4px;opacity:.85;text-transform:none}.category-description{font-size:1rem;line-height:1.6}.category-stats{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.stats-container{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);justify-content:center}.stat-card{align-items:center;background:#ffffff0d;border:1px solid #334;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:.5rem;gap:var(--spacing-sm);min-width:150px;padding:1.5rem;padding:var(--spacing-lg)}.stat-card svg{color:#4ecdc4;color:var(--text-accent)}.stat-number{color:#fff;color:var(--text-primary);font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold)}.stat-label{color:#6b7280;color:var(--text-muted);font-size:.9rem;letter-spacing:.05em}.quick-categories{margin-top:3rem;margin-top:var(--spacing-2xl);padding:3rem 0;padding:var(--spacing-2xl) 0}.quick-categories-container{margin:0 auto;max-width:1200px;text-align:center}.quick-categories h2{color:#fff;color:var(--text-primary);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.category-cards{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.category-card{background:#ffffff0d;border:1px solid #334;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);padding:2rem;padding:var(--spacing-xl);text-align:center;text-decoration:none;transition:.25s ease;transition:var(--transition-normal)}.category-card:hover{background:#ffffff14;border-color:#4ecdc4;border-color:var(--border-accent);box-shadow:0 0 20px #4ecdc44d;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.category-card h3{color:#fff;color:var(--text-primary);font-size:1.3rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.category-card p{color:#b8b8b8;color:var(--text-secondary);font-size:.95rem;margin:0}.category-card.gaming{border-color:#ff6b6b4d}.category-card.ai{border-color:#4ecdc44d}.category-card.content{border-color:#45b7d14d}.category-card.vr{border-color:#96ceb44d}.category-card.streaming{border-color:#feca574d}.comparison-arena{background:linear-gradient(135deg,#ffffff05,#ffffff03);border-radius:16px;border-radius:var(--radius-xl);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:3rem;padding:var(--spacing-2xl)}.arena-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.arena-header h2{font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:2rem;letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.arena-header p{color:#b8b8b8;color:var(--text-secondary);margin:0}.comparison-container{grid-gap:2rem;grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr auto 1fr;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.gpu-selector{background:linear-gradient(135deg,#ff6b6b14,#4ecdc414);border:2px solid #ffffff1a;border-radius:16px;border-radius:var(--radius-xl);padding:2rem;padding:var(--spacing-xl);position:relative;transition:all .3s ease}.gpu-selector:hover{border-color:#fff3;box-shadow:0 8px 32px #0000004d;transform:translateY(-2px)}.gpu-selector:first-child:before{background:linear-gradient(45deg,#ff6b6b,#ee5a6f);box-shadow:0 4px 12px #ff6b6b66;content:"RED CORNER"}.gpu-selector:first-child:before,.gpu-selector:last-child:before{border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;left:20px;letter-spacing:1.5px;padding:4px 12px;position:absolute;top:-12px}.gpu-selector:last-child:before{background:linear-gradient(45deg,#4ecdc4,#45b7d1);box-shadow:0 4px 12px #4ecdc466;content:"BLUE CORNER"}.gpu-selector label{color:#b8b8b8;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.gpu-dropdown{-webkit-appearance:none;appearance:none;background:#ffffff0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%234ecdc4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #ffffff26;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-family:Rajdhani,Arial,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:500;font-weight:var(--font-weight-medium);padding:14px 40px 14px 16px;transition:all .2s ease;width:100%}.gpu-dropdown:hover{border-color:#4ecdc4;border-color:var(--border-accent);box-shadow:0 0 20px #4ecdc433;transform:translateY(-1px)}.gpu-dropdown:focus{border-color:#4ecdc4;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4ecdc433;outline:none}.gpu-dropdown option{background:#1a1a2e;background:var(--bg-secondary);color:#fff;color:var(--text-primary);padding:12px}.gpu-preview{margin-top:1.5rem;margin-top:var(--spacing-lg)}.gpu-model-viewer{border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-lg);height:200px;margin-bottom:1rem;margin-bottom:var(--spacing-md);overflow:hidden}.gpu-quick-specs{background:#ffffff08;border-radius:8px;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md)}.gpu-quick-specs h4{font-size:.95rem;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.spec-row{border-bottom:1px solid #ffffff0d;font-size:.85rem;font-size:.9rem;padding:4px 0;padding:.25rem 0;padding:var(--spacing-xs) 0}.spec-row:last-child{border-bottom:none}.spec-row span:first-child{color:#6b7280;color:var(--text-muted)}.spec-row span:last-child{color:#fff;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.vs-divider{padding:1.5rem 0;padding:var(--spacing-lg) 0}.vs-circle,.vs-divider{align-items:center;display:flex;justify-content:center}.vs-circle{animation:pulse 2s ease-in-out infinite;box-shadow:0 0 30px #ff6b6b66,0 0 30px #4ecdc466;color:#fff;font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:1.8rem;font-weight:900;font-weight:var(--font-weight-black);height:80px;letter-spacing:.2em;position:relative;width:80px}.vs-circle,.vs-circle:before{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);background:linear-gradient(135deg,var(--primary-red),var(--primary-blue));border-radius:50%}.vs-circle:before{animation:pulse 2s ease-in-out infinite reverse;content:"";inset:-4px;opacity:.3;position:absolute;z-index:-1}.comparison-chart{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-lg);margin-top:2rem;margin-top:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.comparison-chart h3{font-size:1.3rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);text-align:center}.no-results{color:#b8b8b8;color:var(--text-secondary);padding:3rem;padding:var(--spacing-2xl)}.no-results svg{color:#6b7280;color:var(--text-muted);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.no-results h3{color:var(--text-primary);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.search-results-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem 0;padding:var(--spacing-xl) 0;text-align:center}.search-results-header h1{color:#fff;color:var(--text-primary);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.search-results-header p{color:#b8b8b8;color:var(--text-secondary);font-size:1.1rem;margin:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes glow{0%,to{box-shadow:0 0 20px #4ecdc44d}50%{box-shadow:0 0 30px #4ecdc499}}@media (min-width:1200px){.category-page{padding:0 40px}.comparison-arena{margin:0 auto 3rem;margin:0 auto var(--spacing-2xl);max-width:1400px}.comparison-container{gap:60px}.gpu-model-viewer{height:280px}.gpu-grid{gap:32px}.gpu-card{min-height:400px}}@media (min-width:1600px){.comparison-container{gap:80px}.gpu-model-viewer{height:320px}.vs-circle{font-size:2.2rem;height:100px;width:100px}.gpu-grid.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.header-container{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.category-page,.home-page{padding:0 1.5rem;padding:0 var(--spacing-lg)}.gpu-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.header-container{flex-wrap:wrap;padding:1rem;padding:var(--spacing-md)}.logo-section{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.api-status{font-size:.7rem}.desktop-nav{display:none}.mobile-menu-button{display:block}.search-form{margin-top:1rem;margin-top:var(--spacing-md);order:3;width:100%}.category-page,.home-page{padding:0 1rem;padding:0 var(--spacing-md)}.controls-container{align-items:stretch;flex-direction:column}.gpu-card-specs,.gpu-grid.grid,.gpu-versus-layout{grid-template-columns:1fr}.gpu-versus-layout{gap:1rem;gap:var(--spacing-md)}.comparison-container{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr}.vs-divider{margin:1.5rem 0;margin:var(--spacing-lg) 0;order:2}.gpu-selector:before{font-size:.6rem;padding:3px 8px}.versus-divider{margin:1rem 0;margin:var(--spacing-md) 0;order:2}.footer-container{grid-template-columns:1fr;padding:1.5rem;padding:var(--spacing-lg)}.category-icon-section{flex-direction:column;gap:1rem;gap:var(--spacing-md)}.category-title-section{text-align:center}.stats-container{align-items:center;flex-direction:column}.gpu-card-content-horizontal{flex-direction:column;text-align:center}.gpu-card-3d-small{height:120px;width:100%}.gpu-card-specs-horizontal{gap:1rem;gap:var(--spacing-md);justify-content:center}}@media (max-width:480px){.hero{padding:1.5rem 0;padding:var(--spacing-lg) 0}.category-cards,.hero-featured-grid{grid-template-columns:1fr}.gpu-card-content{padding:1rem;padding:var(--spacing-md)}.comparison-container{padding:0 1rem;padding:0 var(--spacing-md)}.gpu-comparison-card{padding:1.5rem;padding:var(--spacing-lg)}.gpu-side{padding:1rem;padding:var(--spacing-md)}.compare-cta-button{font-size:1rem;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.fps-excellent{color:#0f8}.fps-great{color:#4ecdc4}.fps-good{color:#45b7d1}.fps-playable{color:#feca57}.fps-poor{color:#ff6b6b}.nvidia-color{color:#76b900}.amd-color{color:#ed1c24}.intel-color{color:#0071c5}.gpu-details-page{max-width:1400px;padding:2rem;padding:var(--spacing-xl)}.details-header{border-bottom:1px solid #334;border-bottom:1px solid var(--border-primary);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding-bottom:2rem;padding-bottom:var(--spacing-xl)}.details-title-section{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between;margin-top:1.5rem;margin-top:var(--spacing-lg)}.title-content{flex:1 1}.details-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);background:linear-gradient(45deg,var(--primary-red),var(--primary-blue));-webkit-background-clip:text;background-clip:text;font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);letter-spacing:.05em;margin-bottom:1rem;margin-bottom:var(--spacing-md);text-transform:uppercase}.title-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.architecture-badge,.benchmark-count-badge,.category-badge,.performance-tier-badge{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:inline-flex;font-size:.85rem;font-weight:700;font-weight:var(--font-weight-bold);gap:6px;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.architecture-badge{background:#ffffff0d;border:1px solid #ffffff1a;color:#b8b8b8;color:var(--text-secondary)}.benchmark-count-badge{background:#4ecdc41a;border:1px solid #4ecdc44d;color:#4ecdc4;color:var(--text-accent)}.share-button{align-items:center;background:#ffffff0d;border:1px solid #334;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:.15s ease;transition:var(--transition-fast)}.share-button:hover{background:#ffffff1a;border-color:#4ecdc4;border-color:var(--border-accent);transform:translateY(-2px)}.key-metrics-summary{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--radius-xl);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:3rem;padding:var(--spacing-2xl)}.metrics-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.metric-highlight{align-items:center;background:#ffffff08;border:2px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);transition:all .3s ease}.metric-highlight:hover{border-color:#4ecdc466;box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.metric-icon{align-items:center;background:#ffffff0d;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.metric-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.metric-label{color:#6b7280;color:var(--text-muted);font-size:.85rem;font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.metric-value{color:#fff;color:var(--text-primary);font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:2rem;font-weight:900;font-weight:var(--font-weight-black);line-height:1}.metric-tier{font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium)}.metric-tier,.tier-description{color:#b8b8b8;color:var(--text-secondary)}.tier-description{background:#ffffff05;border-radius:8px;border-radius:var(--radius-md);font-size:1.1rem;margin:0;padding:1rem;padding:var(--spacing-md);text-align:center}.model-showcase{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.model-viewer-container{background:linear-gradient(135deg,#ff6b6b0d,#4ecdc40d);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--radius-xl);overflow:hidden}.model-hint{color:#6b7280;color:var(--text-muted);font-size:.9rem;font-style:italic;margin-top:1rem;margin-top:var(--spacing-md);text-align:center}.specifications-overview{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.specs-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.spec-card,.specs-grid{gap:1.5rem;gap:var(--spacing-lg)}.spec-card{background:#ffffff08;border-radius:var(--radius-lg);padding:2rem;padding:var(--spacing-xl);transition:all .3s ease}.spec-card:hover{border-color:#4ecdc44d;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.spec-card .spec-icon{align-items:center;background:#ffffff0d;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.spec-card .spec-content h3{color:#b8b8b8;color:var(--text-secondary);font-size:1rem;letter-spacing:.05em;text-transform:uppercase}.spec-card .spec-content h3,.spec-card .spec-value{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.spec-card .spec-value{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold)}.spec-card .spec-detail{color:#6b7280;color:var(--text-muted);font-size:.85rem;margin:0}.performance-analysis{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.category-description{background:#ffffff05;border-left:3px solid #4ecdc4;border-left:3px solid var(--primary-blue);border-radius:8px;border-radius:var(--radius-md);color:#b8b8b8;color:var(--text-secondary);font-size:1.1rem;line-height:1.7;padding:1.5rem;padding:var(--spacing-lg)}.category-description,.metrics-summary{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.metrics-summary{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);padding:1rem;padding:var(--spacing-md);text-align:center}.metric-card svg{color:#4ecdc4;color:var(--primary-blue);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.metric-card .metric-label{color:#6b7280;color:var(--text-muted);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.metric-card .metric-value{color:#4ecdc4;color:var(--primary-blue);font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);font-size:1.5rem;font-weight:900;font-weight:var(--font-weight-black)}.benchmarks-list{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.benchmark-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-lg);padding:2rem;padding:var(--spacing-xl);transition:all .3s ease}.benchmark-card:hover{background:#ffffff0a;border-color:#4ecdc44d;transform:translateX(4px)}.benchmark-title{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:700;font-weight:var(--font-weight-bold)}.benchmark-title,.benchmark-verdict{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.benchmark-verdict{align-items:center;background:#4ecdc41a;border-radius:8px;border-radius:var(--radius-md);color:#4ecdc4;color:var(--text-accent);display:flex;gap:.5rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-md)}.benchmark-verdict p{font-weight:500;font-weight:var(--font-weight-medium);margin:0}.benchmark-metrics{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem;margin-bottom:var(--spacing-md)}.metric-item{background:#ffffff05;border-radius:4px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:.5rem;padding:var(--spacing-sm)}.metric-key{color:#6b7280;color:var(--text-muted);font-size:.9rem}.metric-val{color:#fff;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.resolution-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem;margin-bottom:var(--spacing-md)}.resolution-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md)}.resolution-title{color:#4ecdc4;color:var(--primary-blue);font-size:1rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.setting-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.25rem 0;padding:var(--spacing-xs) 0}.setting-row:last-child{border-bottom:none}.setting-name{color:#6b7280;color:var(--text-muted);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.setting-data{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.fps-value{color:#fff;color:var(--text-primary);font-weight:700;font-weight:var(--font-weight-bold)}.fps-min{color:#6b7280;color:var(--text-muted);font-size:.8rem}.playable-badge{align-items:center;display:flex}.playable-badge.playable{color:#00d2d3;color:var(--success-green)}.playable-badge.not-playable{color:#ff3838;color:var(--danger-red)}.benchmark-notes,.optimization-tips{align-items:flex-start;background:#45b7d11a;border-left:3px solid #45b7d1;border-left:3px solid var(--electric-blue);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--spacing-sm);margin-top:1rem;margin-top:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.benchmark-notes{background:#4ecdc41a;border-left-color:#4ecdc4;border-left-color:var(--primary-blue)}.benchmark-notes svg,.optimization-tips svg{color:#45b7d1;color:var(--electric-blue);flex-shrink:0;margin-top:2px}.benchmark-notes svg{color:#4ecdc4;color:var(--primary-blue)}.benchmark-notes p,.optimization-tips p{color:#b8b8b8;color:var(--text-secondary);line-height:1.6;margin:0}.no-benchmarks{color:#b8b8b8;color:var(--text-secondary);padding:3rem;padding:var(--spacing-2xl);text-align:center}.no-benchmarks svg{color:#6b7280;color:var(--text-muted);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.no-benchmarks h3{color:#fff;color:var(--text-primary);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.specs-table{grid-gap:.25rem;grid-gap:var(--spacing-xs);display:grid;gap:.25rem;gap:var(--spacing-xs)}.spec-row{align-items:center;background:#ffffff05;border-radius:4px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-md);transition:background .2s ease}.spec-row:hover{background:#ffffff0d}.spec-row .spec-key{color:#6b7280;color:var(--text-muted);text-transform:capitalize}.spec-row .spec-key,.spec-row .spec-value{font-weight:500;font-weight:var(--font-weight-medium)}.spec-row .spec-value{color:#fff;color:var(--text-primary);text-align:right}.expert-conclusion{background:linear-gradient(135deg,#ff6b6b0d,#4ecdc40d);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--radius-xl);padding:3rem;padding:var(--spacing-2xl)}.verdict-section{background:#ffffff08;border-radius:12px;border-radius:var(--radius-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.verdict-section h3{color:#4ecdc4;color:var(--primary-blue);font-family:Orbitron,Courier New,monospace;font-family:var(--font-display);letter-spacing:.1em;margin-bottom:1rem;margin-bottom:var(--spacing-md);text-transform:uppercase}.verdict-section p{color:#b8b8b8;color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0}.conclusion-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.conclusion-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-lg);padding:2rem;padding:var(--spacing-xl)}.conclusion-card h4{color:#4ecdc4;color:var(--primary-blue);letter-spacing:.05em;margin-bottom:1rem;margin-bottom:var(--spacing-md);text-transform:uppercase}.conclusion-card p{color:#b8b8b8;color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width:768px){.gpu-details-page{padding:1rem;padding:var(--spacing-md)}.details-title-section{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:1.5rem}.metric-icon{height:50px;width:50px}.benchmark-metrics,.conclusion-grid,.resolution-grid,.specs-grid{grid-template-columns:1fr}.footer-credit a{color:#4ecdc4;color:var(--primary-blue);font-weight:700;font-weight:var(--font-weight-bold);text-decoration:none;transition:.15s ease;transition:var(--transition-fast)}.footer-credit a:hover{color:#45b7d1;color:var(--electric-blue);text-shadow:0 0 10px #4ecdc4;text-shadow:0 0 10px var(--primary-blue)}}.home-page{min-height:100vh}.hero-section{align-items:center;display:flex;justify-content:center;min-height:70vh;overflow:hidden;padding:80px 24px 60px;position:relative}.hero-bg{z-index:0}.hero-bg,.hero-gradient{inset:0;position:absolute}.hero-gradient{background:radial-gradient(ellipse at 50% 0,#4ecdc426 0,#0000 60%),radial-gradient(ellipse at 80% 50%,#ff6b6b1a 0,#0000 50%),radial-gradient(ellipse at 20% 80%,#45b7d11a 0,#0000 50%)}.hero-grid{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}.hero-content{max-width:800px;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;background:#4ecdc426;border:1px solid #4ecdc44d;border-radius:20px;color:#4ecdc4;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.hero-title{font-family:Orbitron,monospace;font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1.2;margin:0 0 24px}.title-line{color:#fff;display:block}.title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{color:#ffffffb3;font-size:18px;line-height:1.6;margin:0 auto 32px;max-width:600px}.hero-search{margin:0 auto 32px;max-width:560px;position:relative}.search-input-container{align-items:center;background:#0006;border:2px solid #ffffff26;border-radius:12px;display:flex;padding:4px;transition:all .3s ease}.hero-search.open .search-input-container,.search-input-container:focus-within{border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc433}.hero-search .search-icon{color:#4ecdc4;margin-left:16px}.search-input-container input{background:#0000;border:none;color:#fff;flex:1 1;font-size:16px;outline:none;padding:16px}.search-input-container input::placeholder{color:#fff6}.search-clear{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-size:24px;line-height:1;padding:0 16px}.search-clear:hover{color:#ff6b6b}.search-results{background:#0f0f19fa;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 32px #00000080;left:0;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.search-result-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.search-result-item:hover{background:#4ecdc41a}.search-result-item:last-child{border-bottom:none}.result-image{align-items:center;display:flex;height:35px;justify-content:center;width:50px}.result-info{flex:1 1}.result-name{color:#fff;font-size:14px;font-weight:600}.result-specs{color:#ffffff80;font-size:12px;margin-top:2px}.result-categories{display:flex;gap:6px}.category-tag{background:#4ecdc426;border-radius:10px;color:#4ecdc4;font-size:10px;padding:2px 8px;text-transform:uppercase}.result-arrow{color:#ffffff4d}.hero-stats{gap:40px;justify-content:center}.hero-stats .stat{color:#4ecdc4}.stat-info{text-align:left}.stat-value{color:#fff;display:block;font-family:Orbitron,monospace;font-size:20px;font-weight:700}.stat-label{color:#ffffff80;font-size:12px;letter-spacing:1px;text-transform:uppercase}.categories-section,.featured-section,.popular-section{margin:0 auto;max-width:1200px;padding:60px 24px}.section-header{margin-bottom:40px;text-align:center}.section-header h2{align-items:center;color:#fff;display:flex;font-family:Orbitron,monospace;font-size:28px;font-weight:700;gap:12px;justify-content:center;margin:0 0 12px}.section-header h2 svg{color:#4ecdc4}.section-header p{color:#fff9;font-size:16px;margin:0}.popular-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.comparison-link{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:20px 24px;text-decoration:none;transition:all .3s ease}.comparison-link:hover{border-color:#4ecdc4;transform:translateX(4px)}.comparison-gpus{align-items:center;display:flex;gap:12px}.gpu-name{font-size:14px;font-weight:600}.gpu-name.gpu-1{color:#ff6b6b}.gpu-name.gpu-2{color:#4ecdc4}.vs-badge{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:4px;color:#fff;font-size:10px;font-weight:800;padding:4px 8px}.link-arrow{color:#ffffff4d;transition:all .3s ease}.comparison-link:hover .link-arrow{color:#4ecdc4;transform:translateX(4px)}.featured-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.featured-gpu-card{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;padding:24px;text-decoration:none;transition:all .3s ease}.featured-gpu-card:hover{border-color:#4ecdc4;transform:translateY(-4px)}.featured-gpu-image{margin-bottom:16px}.featured-gpu-info{text-align:center}.featured-gpu-info h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 8px}.featured-gpu-specs{color:#ffffff80;display:flex;font-size:13px;gap:8px;justify-content:center}.cta-section{background:linear-gradient(180deg,#0000,#4ecdc40d);padding:80px 24px;text-align:center}.cta-content h2{color:#fff;font-family:Orbitron,monospace;font-size:32px;font-weight:700;margin:0 0 16px}.cta-content p{color:#fff9;font-size:16px;margin:0 0 32px}.cta-button{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none;border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:12px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 30px #ff6b6b66;transform:translateY(-2px)}.category-page{margin:0 auto;max-width:1400px;padding:0 24px 48px}.category-toolbar{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:24px;padding:20px 0}.category-toolbar,.toolbar-left{align-items:center;display:flex;gap:16px}.search-box{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:10px;min-width:250px;padding:10px 16px}.search-box svg{color:#fff6}.search-box input{background:#0000;border:none;color:#fff;font-size:14px;outline:none;width:100%}.search-box input::placeholder{color:#fff6}.toolbar-right{align-items:center;display:flex;gap:12px}.view-toggle{background:#0000004d;border-radius:8px;display:flex;overflow:hidden}.view-toggle button{background:#0000;border:none;color:#ffffff80;cursor:pointer;padding:10px 14px;transition:all .2s}.view-toggle button:hover{color:#fff}.view-toggle button.active{background:#ffffff1a;color:#4ecdc4}.category-gpu-section .gpu-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.category-gpu-section .gpu-list{display:flex;flex-direction:column;gap:12px}.no-results{padding:80px 20px;text-align:center}.no-results h3{color:#fff;margin:24px 0 8px}.no-results p{color:#fff9}.compare-cta{background:linear-gradient(135deg,#0006,#14142899);border:1px solid #ffffff1a;border-radius:16px;margin-top:48px;padding:32px}.compare-cta .cta-content{align-items:center;display:flex;gap:20px}.compare-cta .cta-text{flex:1 1}.compare-cta .cta-text h3{color:#fff;font-size:18px;margin:0 0 4px}.compare-cta .cta-text p{color:#fff9;font-size:14px;margin:0}.compare-cta .cta-button{align-items:center;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.compare-cta .cta-button:hover{transform:translateX(4px)}.compare-page{margin:0 auto;max-width:1200px;padding:24px}.compare-breadcrumb{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:24px}.compare-breadcrumb a{color:#fff9;text-decoration:none;transition:color .2s}.compare-breadcrumb a:hover{color:#4ecdc4}.compare-breadcrumb svg{color:#ffffff4d}.compare-breadcrumb .current{color:#fff;font-weight:500}.compare-header{margin-bottom:32px}.compare-header .header-content{align-items:center;display:flex;gap:20px}.compare-header .header-icon{align-items:center;border-radius:16px;display:flex;height:60px;justify-content:center;width:60px}.compare-header .header-text{flex:1 1}.compare-header .header-text h1{font-family:Orbitron,monospace;font-size:28px;font-weight:700;margin:0 0 4px}.compare-header .vs-text{color:#ffffff80;font-weight:400}.compare-header .header-subtitle{color:#fff9;font-size:14px;margin:0}.compare-header .header-actions{display:flex;gap:12px}.action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.action-btn:hover{background:#ffffff26;border-color:#4ecdc4;color:#fff}.compare-selector-section{margin-bottom:40px}.compare-main{margin-bottom:48px}.related-section{border-top:1px solid #ffffff1a;margin-bottom:40px;padding-top:40px}.related-section h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 24px}.related-section h2 svg{color:#4ecdc4}.related-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.related-link{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;text-decoration:none;transition:all .3s ease}.related-link:hover{border-color:#4ecdc4;transform:translateX(4px)}.related-gpus{align-items:center;display:flex;font-size:14px;gap:10px}.related-gpus .gpu-1{color:#ff6b6b;font-weight:600}.related-gpus .vs{color:#fff6;font-size:12px}.related-gpus .gpu-2{color:#4ecdc4;font-weight:600}.related-link svg{color:#ffffff4d;transition:all .3s}.related-link:hover svg{color:#4ecdc4;transform:translateX(4px)}.back-section{border-top:1px solid #ffffff1a;padding-top:24px}.back-button{align-items:center;background:#0000;border:1px solid #fff3;border-radius:8px;color:#ffffffb3;display:inline-flex;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s}.back-button:hover{border-color:#4ecdc4;color:#4ecdc4}.gpu-details-page{margin:0 auto;max-width:1100px;padding:24px}.breadcrumb{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:32px}.breadcrumb a{color:#fff9;text-decoration:none}.breadcrumb a:hover{color:#4ecdc4}.breadcrumb svg{color:#ffffff4d}.breadcrumb .current{color:#fff;font-weight:500}.gpu-hero{grid-gap:40px;background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px;padding:32px}.hero-image{align-items:center;display:flex;justify-content:center}.hero-info{display:flex;flex-direction:column;gap:20px}.hero-header{align-items:center;display:flex;justify-content:space-between}.hero-header h1{color:#fff;font-family:Orbitron,monospace;font-size:32px;font-weight:700;margin:0}.share-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;height:44px;justify-content:center;width:44px}.share-btn:hover{border-color:#4ecdc4;color:#fff}.hero-category{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.hero-stats{display:flex;gap:24px}.hero-stats .stat{align-items:center;display:flex;gap:12px}.quick-compare{margin-top:auto}.compare-label{color:#ffffff80;display:block;font-size:12px;margin-bottom:8px}.compare-links{display:flex;flex-wrap:wrap;gap:8px}.compare-link{background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:6px;color:#4ecdc4;font-size:13px;font-weight:500;padding:6px 12px;text-decoration:none}.compare-link:hover{background:#4ecdc433}.details-tabs{display:flex;gap:12px;margin-bottom:32px}.details-tabs button{align-items:center;background:#0000004d;border:2px solid #0000;border-radius:10px;color:#fff9;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.details-tabs button:hover{color:#fff}.details-tabs button.active{background:#ffffff0d;color:#fff}.benchmarks-section,.compare-section,.specs-section{margin-bottom:40px}.benchmarks-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;text-align:left}.benchmarks-section .section-header h2,.compare-section h2,.specs-section h2{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:700;gap:12px;margin:0}.resolution-selector{display:flex;gap:8px}.resolution-selector button{background:#ffffff1a;border:none;border-radius:6px;color:#fff9;cursor:pointer;font-weight:600;padding:8px 16px}.resolution-selector button.active{color:#fff}.benchmark-chart{background:#0003;border-radius:16px;margin-bottom:32px;padding:20px}.benchmark-list h3{color:#fff;font-size:16px;margin:0 0 16px}.benchmark-table{display:flex;flex-direction:column;gap:12px}.benchmark-row{grid-gap:16px;align-items:center;background:#0003;border-radius:8px;display:grid;gap:16px;grid-template-columns:200px 1fr 100px;padding:12px 16px}.benchmark-name{color:#fffc;font-size:13px}.benchmark-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .3s}.benchmark-value{font-size:14px;font-weight:700;text-align:right}.specs-section h2{margin-bottom:24px}.specs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.spec-card{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:20px}.spec-info .spec-label{color:#ffffff80;display:block;font-size:12px;margin-bottom:4px}.spec-info .spec-value{color:#fff;display:block;font-size:16px;font-weight:600}.compare-section h2{margin-bottom:24px}.compare-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.compare-card{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px;text-decoration:none;transition:all .3s}.compare-card:hover{border-color:#4ecdc4;transform:translateX(4px)}.compare-gpu-image{align-items:center;display:flex;height:40px;justify-content:center;width:60px}.compare-info{flex:1 1}.compare-name{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.compare-action{color:#4ecdc4;font-size:12px;gap:4px}.compare-action,.loading-state{align-items:center;display:flex}.loading-state{justify-content:center;min-height:60vh}.loading-content{text-align:center}.loading-content h2{color:#fff;margin:24px 0 8px}.loading-content p{color:#fff9}.gpu-loader{color:#4ecdc4}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{align-items:center;display:flex;justify-content:center;min-height:60vh}.error-content{text-align:center}.error-content h2{color:#fff;margin:24px 0 8px}.error-content p{color:#fff9;margin-bottom:24px}.back-link{align-items:center;color:#4ecdc4;display:inline-flex;font-weight:600;gap:8px;text-decoration:none}.back-link:hover{text-decoration:underline}.retry-button{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px}.retry-button:hover{box-shadow:0 4px 15px #ff6b6b66;transform:translateY(-2px)}@media (max-width:768px){.hero-section{min-height:auto;padding:60px 16px 40px}.hero-title{font-size:28px}.hero-subtitle{font-size:15px}.hero-stats{flex-direction:column;gap:16px}.hero-stats .stat{justify-content:center}.section-header h2{font-size:22px}.categories-section,.featured-section,.popular-section{padding:40px 16px}.category-page{padding:0 16px 32px}.category-toolbar,.toolbar-left{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.category-gpu-section .gpu-grid{grid-template-columns:1fr}.compare-cta .cta-content{flex-direction:column;text-align:center}.compare-page{padding:16px}.compare-header .header-content{flex-wrap:wrap}.compare-header .header-icon{height:48px;width:48px}.compare-header .header-text h1{font-size:20px}.compare-header .header-actions{justify-content:flex-end;margin-top:12px;width:100%}.compare-breadcrumb{flex-wrap:wrap}.gpu-hero{gap:24px;grid-template-columns:1fr;padding:20px}.hero-header h1{font-size:24px}.hero-stats{flex-wrap:wrap}.benchmark-row{gap:8px;grid-template-columns:1fr}.benchmark-name{font-weight:600}}.cyr-chart{display:flex;flex-direction:column;gap:5px}.cyr-bar-row{grid-gap:9px;display:grid;gap:9px;grid-template-columns:minmax(96px,38%) 1fr}.cyr-bar-lab,.cyr-bar-row{align-items:center;min-width:0}.cyr-bar-lab{color:#ffffffb8;display:flex;font-size:11.5px;gap:7px;text-decoration:none}.cyr-bar-lab:hover{color:#4ecdc4}.cyr-bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cyr-thumb{align-items:center;background:#ffffff0d;border-radius:3px;display:flex;flex:0 0 30px;height:20px;justify-content:center;overflow:hidden;width:30px}.cyr-thumb img{max-height:100%;max-width:100%;object-fit:contain}.cyr-bar-track{align-items:center;background:hsla(0,0%,100%,.045);border-radius:4px;display:flex;height:19px;min-width:0;position:relative}.cyr-bar{border-radius:4px;height:100%;min-width:3px;transition:width .35s ease}.cyr-bar.nv{background:linear-gradient(90deg,#4c8f3a,#76b900)}.cyr-bar.amd{background:linear-gradient(90deg,#a52834,#ed1c24)}.cyr-bar.intel{background:linear-gradient(90deg,#1d4f91,#2f8fd8)}.cyr-bar.wontfit{background:repeating-linear-gradient(45deg,#ffffff0d,#ffffff0d 5px,#ffffff1c 0,#ffffff1c 10px)}.cyr-bar-val{color:#fff;font-size:11px;position:absolute;right:8px;text-shadow:0 1px 3px #000000d9;white-space:nowrap}.cyr-bar-row.gated .cyr-bar-lab,.cyr-bar-row.gated .cyr-bar-val{color:#ffffff61}@media (max-width:640px){.cyr-bar-row{gap:7px;grid-template-columns:minmax(76px,42%) 1fr}}.cmp-bar{align-items:center;background:#ffffff0a;border:1px solid #ffffff17;border-left:3px solid #4ecdc4;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px 14px;margin:18px 0 22px;padding:12px 16px}.cmp-bar-label{align-items:center;color:#ffffffd1;display:inline-flex;font-size:13.5px;font-weight:600;gap:7px;white-space:nowrap}.cmp-bar-picks{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.cmp-bar-chip{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;color:#ffffffe0;cursor:pointer;display:inline-flex;font-size:12.5px;gap:6px;line-height:1;padding:7px 12px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.cmp-bar-chip:hover{background:#4ecdc429;border-color:#4ecdc4;color:#fff}.cmp-bar-chip small{font-size:10px;letter-spacing:.04em;opacity:.6;text-transform:uppercase}.cmp-bar-yours{background:#4ecdc41a;border-color:#4ecdc480}.cmp-bar-more{border-style:dashed;color:#4ecdc4;font-weight:600}@media (max-width:640px){.cmp-bar{align-items:flex-start;flex-direction:column;gap:9px;padding:11px 13px}.cmp-bar-picks{width:100%}.cmp-bar-chip{flex:1 1 auto;justify-content:center}}.cyr-mygpu{align-items:center;background:#00d2d30f;border:1px solid #00d2d338;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 20px;padding:11px 14px}.cyr-mygpu-label{color:#fffc;font-size:13px;font-weight:600}@media (max-width:560px){.cyr-mygpu{align-items:flex-start;flex-direction:column}}