/*!
Theme Name: TechPlayForge Ultimate Pro
Description: The most advanced WordPress theme with cutting-edge 2025 design trends for tech enthusiasts
Author: TechPlayForge Team
Version: 3.0.1 - Error Free
License: GPL v2 or later
Tags: blog, gaming, technology, ai-tools, modern, animations, responsive
Text Domain: techplayforge

TechPlayForge Ultimate Pro - 2025 Design
*/
 :root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--success-gradient:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--warning-gradient:linear-gradient(135deg, #fa709a 0%, #fee140 100%);--glass-white:rgba(255, 255, 255, 0.15);--glass-dark:rgba(0, 0, 0, 0.15);--glass-border:rgba(255, 255, 255, 0.2);--glass-shadow:rgba(0, 0, 0, 0.1);--white:#ffffff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--brand-primary:#667eea;--brand-secondary:#764ba2;--brand-accent:#4facfe;--brand-success:#43e97b;--brand-warning:#fa709a;--brand-info:#38f9d7;--font-primary:'Inter', system-ui, -apple-system, sans-serif;--font-display:'Poppins', 'Inter', sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.1);--shadow:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-md:0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-lg:0 20px 25px -5px rgb(0 0 0 / 0.1);--shadow-xl:0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-2xl:0 50px 100px -20px rgb(0 0 0 / 0.25);--shadow-glow:0 0 20px rgba(102, 126, 234, 0.6);--ease-linear:linear;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55);--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--container-max:1400px;--header-height:4rem}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--gray-900);background:var(--white);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-gradient)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:768px){.container{padding:0 var(--space-8)}}.site{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--gray-900);margin-bottom:var(--space-6)}h1{font-size:var(--text-6xl);font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}h2{font-size:var(--text-5xl);font-weight:800}h3{font-size:var(--text-4xl);font-weight:700}h4{font-size:var(--text-3xl);font-weight:600}h5{font-size:var(--text-2xl);font-weight:600}h6{font-size:var(--text-xl);font-weight:500}p{margin-bottom:var(--space-6);color:var(--gray-600);line-height:1.7}a{color:var(--brand-primary);text-decoration:none;transition:all var(--duration-200) var(--ease-out)}a:hover{color:var(--brand-secondary);transform:translateY(-1px)}.site-header{background:rgb(255 255 255 / .8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:50;height:var(--header-height);transition:all var(--duration-300) var(--ease-out)}.site-header.scrolled{background:rgb(255 255 255 / .95);box-shadow:var(--shadow-lg)}.site-header::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--duration-500) var(--ease-out)}.site-header.scrolled::before{transform:scaleX(1)}.header-content{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.site-branding{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.site-logo{height:48px;width:auto;max-width:200px;transition:all var(--duration-300) var(--ease-bounce);filter:drop-shadow(0 4px 8px rgb(0 0 0 / .1))}.site-logo:hover{transform:scale(1.05);filter:drop-shadow(0 8px 16px rgb(0 0 0 / .15))}.site-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;margin:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.site-title a{color:inherit;text-decoration:none}.header-nav-container{display:flex;align-items:center;gap:var(--space-6);flex:1;justify-content:flex-end}.main-navigation{display:flex;align-items:center}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-2)}.nav-menu a{display:flex;align-items:center;padding:var(--space-3) var(--space-6);font-weight:500;font-size:var(--text-base);color:var(--gray-700);border-radius:var(--radius-2xl);transition:all var(--duration-300) var(--ease-out);position:relative;overflow:hidden}.nav-menu a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-gradient);transition:left var(--duration-300) var(--ease-out);z-index:-1}.nav-menu a:hover::before,.nav-menu .current-menu-item>a::before{left:0}.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.header-search{display:flex;align-items:center;position:relative;margin-left:var(--space-4)}.search-form{display:flex;align-items:center;background:var(--glass-white);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:var(--space-2);transition:all var(--duration-300) var(--ease-out);box-shadow:var(--shadow-sm)}.search-form:focus-within{border-color:var(--brand-primary);box-shadow:var(--shadow-glow);transform:scale(1.02)}.search-field{border:none;outline:none;background:#fff0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--gray-900);width:200px}.search-field::placeholder{color:var(--gray-500)}.search-submit{background:var(--primary-gradient);border:none;border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-300) var(--ease-bounce);color:var(--white);box-shadow:var(--shadow-sm)}.search-submit:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);transition:all var(--duration-300) var(--ease-out)}.hamburger{display:flex;flex-direction:column;gap:4px}.hamburger span{width:25px;height:3px;background:var(--gray-700);border-radius:var(--radius-sm);transition:all var(--duration-300) var(--ease-out)}.menu-toggle.active .hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active .hamburger span:nth-child(2){opacity:0}.menu-toggle.active .hamburger span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:1023px){.menu-toggle{display:block}.main-navigation{position:fixed;top:var(--header-height);left:0;width:100%;background:rgb(255 255 255 / .95);backdrop-filter:blur(20px);box-shadow:var(--shadow-2xl);transform:translateY(-100vh);transition:transform var(--duration-500) var(--ease-out);z-index:40;max-height:calc(100vh - var(--header-height));overflow-y:auto}.main-navigation.active{transform:translateY(0)}.nav-menu{flex-direction:column;padding:var(--space-8);gap:var(--space-4)}.nav-menu a{width:100%;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-size:var(--text-lg)}.header-search{margin-left:0;margin-right:var(--space-4)}.search-field{width:150px}}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--white)}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgb(102 126 234 / .3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgb(118 75 162 / .3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgb(79 172 254 / .2) 0%,transparent 50%);animation:gradientShift 20s ease infinite;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;width:100%;padding:var(--space-20) 0}.hero-title{font-size:var(--text-6xl);font-weight:900;margin-bottom:var(--space-8);line-height:1.1;background:linear-gradient(135deg,var(--gray-900) 0%,var(--brand-primary) 50%,var(--brand-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;animation:titleReveal 1.5s ease-out forwards}.hero-subtitle{font-size:var(--text-2xl);color:var(--gray-600);margin-bottom:var(--space-12);max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;animation:subtitleReveal 1.5s ease-out 0.3s forwards}.hero-actions{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-20);animation:actionsReveal 1.5s ease-out 0.6s forwards}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-top:var(--space-24);max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width:1023px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (max-width:640px){.hero-stats{grid-template-columns:1fr;gap:var(--space-6)}}.stat-card{background:var(--glass-white);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);padding:var(--space-10) var(--space-8);text-align:center;position:relative;overflow:hidden;transition:all var(--duration-500) var(--ease-out);animation:statsReveal 1s ease-out forwards}.stat-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-gradient);opacity:.05;transition:left var(--duration-700) var(--ease-out)}.stat-card:hover::before{left:0}.stat-card:hover{transform:translateY(-12px) scale(1.05);box-shadow:var(--shadow-2xl),var(--shadow-glow);background:var(--white)}.stat-number{font-size:var(--text-5xl);font-weight:900;color:var(--gray-900);margin-bottom:var(--space-4);line-height:1;font-family:var(--font-display);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.stat-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:600;text-transform:uppercase;letter-spacing:1px;line-height:1.4}.quick-access{padding:var(--space-32) 0;background:var(--white);position:relative;overflow:hidden}.quick-access::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 50%,var(--gray-50) 100%);z-index:1}.section-header{text-align:center;margin-bottom:var(--space-20);position:relative;z-index:2}.section-title{font-size:var(--text-5xl);font-weight:900;margin-bottom:var(--space-8);background:linear-gradient(135deg,var(--gray-900) 0%,var(--brand-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;position:relative}.section-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:var(--primary-gradient);border-radius:var(--radius-full)}.section-subtitle{font-size:var(--text-xl);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.perfect-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10);max-width:1400px;margin:0 auto;position:relative;z-index:2}@media (max-width:1023px){.perfect-card-grid{grid-template-columns:1fr;gap:var(--space-8);max-width:600px}}@media (min-width:768px) and (max-width:1023px){.perfect-card-grid{grid-template-columns:repeat(2,1fr);max-width:900px}}.perfect-access-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-3xl);padding:var(--space-12) var(--space-10);text-align:center;position:relative;overflow:hidden;transition:all var(--duration-500) var(--ease-out);min-height:400px;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.perfect-access-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--duration-500) var(--ease-out);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0}.perfect-access-card:hover::before{transform:scaleX(1)}.perfect-access-card:hover{transform:translateY(-16px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--brand-primary)}.highlighted-card{background:linear-gradient(135deg,rgb(102 126 234 / .03) 0%,rgb(118 75 162 / .03) 100%);border:2px solid var(--brand-primary);transform:scale(1.05);box-shadow:var(--shadow-xl)}.perfect-card-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.perfect-icon{width:120px;height:120px;margin:0 auto var(--space-10);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-3xl);font-size:4rem;transition:all var(--duration-500) var(--ease-out)}.gaming-icon{background:linear-gradient(135deg,rgb(156 39 176 / .1),rgb(156 39 176 / .2));box-shadow:inset 0 0 0 1px rgb(156 39 176 / .2)}.tech-icon{background:linear-gradient(135deg,rgb(33 150 243 / .1),rgb(33 150 243 / .2));box-shadow:inset 0 0 0 1px rgb(33 150 243 / .2)}.ai-icon{background:linear-gradient(135deg,rgb(255 152 0 / .1),rgb(255 152 0 / .2));box-shadow:inset 0 0 0 1px rgb(255 152 0 / .2)}.perfect-access-card:hover .perfect-icon{transform:scale(1.15) rotate(5deg);box-shadow:var(--shadow-xl)}.perfect-card-title{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-6);color:var(--gray-900);line-height:1.2}.perfect-card-description{color:var(--gray-600);line-height:1.7;margin-bottom:var(--space-10);font-size:var(--text-lg);flex-grow:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-weight:600;font-size:var(--text-lg);text-decoration:none;border:2px solid #fff0;cursor:pointer;transition:all var(--duration-300) var(--ease-out);position:relative;overflow:hidden;font-family:var(--font-display)}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgb(255 255 255 / .2);border-radius:50%;transform:translate(-50%,-50%);transition:all var(--duration-500) var(--ease-out)}.btn:hover::before{width:300px;height:300px}.btn-primary{background:var(--primary-gradient);color:var(--white);box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-2xl);color:var(--white)}.btn-secondary{background:#fff0;color:var(--gray-700);border-color:var(--gray-300);box-shadow:var(--shadow)}.btn-secondary:hover{background:var(--gray-50);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--gray-900);border-color:var(--gray-400)}.btn-lg{padding:var(--space-6) var(--space-12);font-size:var(--text-xl);border-radius:var(--radius-3xl)}.perfect-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-weight:700;font-size:var(--text-lg);text-decoration:none;border:2px solid #fff0;cursor:pointer;transition:all var(--duration-300) var(--ease-out);min-width:180px}.gaming-btn{background:#fff0;color:var(--brand-secondary);border-color:var(--brand-secondary)}.gaming-btn:hover{background:var(--brand-secondary);color:var(--white);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-xl)}.tech-btn{background:var(--primary-gradient);color:var(--white);box-shadow:var(--shadow-lg)}.tech-btn:hover{background:var(--secondary-gradient);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-2xl)}.ai-btn{background:#fff0;color:var(--brand-warning);border-color:var(--brand-warning)}.ai-btn:hover{background:var(--warning-gradient);color:var(--white);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-xl)}@keyframes gradientShift{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}@keyframes titleReveal{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes subtitleReveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes actionsReveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes statsReveal{from{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;transform:translateY(40px);transition:all var(--duration-700) var(--ease-out)}.fade-in-up.in-view{opacity:1;transform:translateY(0)}.scale-in{opacity:0;transform:scale(.8);transition:all var(--duration-500) var(--ease-out)}.scale-in.in-view{opacity:1;transform:scale(1)}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-3xl);overflow:hidden;transition:all var(--duration-500) var(--ease-out);box-shadow:var(--shadow-md)}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--brand-primary)}.card-body{padding:var(--space-10)}.widget-area{padding-left:var(--space-10)}@media (max-width:1023px){.widget-area{padding-left:0;margin-top:var(--space-16)}}.widget{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-3xl);padding:var(--space-10);margin-bottom:var(--space-10);box-shadow:var(--shadow-md);transition:all var(--duration-300) var(--ease-out)}.widget:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--brand-primary)}.widget-title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-8);color:var(--gray-900);position:relative;padding-bottom:var(--space-4)}.widget-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--accent-gradient);border-radius:var(--radius-full)}.site-footer{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);color:var(--white);padding:var(--space-32) 0 var(--space-10);margin-top:var(--space-32);position:relative;overflow:hidden}.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-16);margin-bottom:var(--space-20)}@media (max-width:1023px){.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--space-12)}}@media (max-width:640px){.footer-content{grid-template-columns:1fr;gap:var(--space-10)}}.footer-brand{max-width:400px}.footer-logo{height:64px;margin-bottom:var(--space-8);filter:brightness(0) invert(1)}.footer-description{color:var(--gray-300);margin-bottom:var(--space-10);line-height:1.8;font-size:var(--text-lg)}.footer-section h4{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-8);color:var(--white)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:var(--space-4)}.footer-links a{color:var(--gray-300);transition:all var(--duration-300) var(--ease-out);text-decoration:none;font-size:var(--text-lg)}.footer-links a:hover{color:var(--white);transform:translateX(var(--space-2))}.footer-bottom{border-top:1px solid var(--gray-700);padding-top:var(--space-10);text-align:center;color:var(--gray-400)}.back-to-top{position:fixed;bottom:var(--space-10);right:var(--space-10);width:60px;height:60px;background:var(--primary-gradient);color:var(--white);border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-xl);transition:all var(--duration-500) var(--ease-out);z-index:50;display:none;font-size:var(--text-xl)}.back-to-top:hover{transform:translateY(-8px) scale(1.1);box-shadow:var(--shadow-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.block{display:block!important}.flex{display:flex!important}@media (max-width:480px){:root{--text-6xl:2.5rem;--text-5xl:2rem;--space-32:4rem}.hero-title{font-size:var(--text-5xl)}.hero-subtitle{font-size:var(--text-lg)}.perfect-access-card{padding:var(--space-8) var(--space-6);min-height:320px}.perfect-icon{width:100px;height:100px;font-size:3rem}.stat-number{font-size:var(--text-4xl)}}@media (min-width:1024px){.articles-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-16)}}