:root{--bg-main:#fff;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--font-sans:"Inter",system-ui,-apple-system,sans-serif;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--bg-main:#020617;--bg-card:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#1e293b;--primary:#3b82f6;--shadow-md:0 10px 15px -3px rgba(0,0,0,.5)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}.main-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:1.25rem 0;position:relative;z-index:100}nav{justify-content:space-between}.logo,nav{display:flex;align-items:center}.logo{text-decoration:none}.logo img{height:32px;width:auto}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:600;transition:var(--transition)}.nav-links a:hover{color:var(--primary)}.products-section{padding:2rem 0;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.product-slider{display:flex;gap:1.25rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.5rem}.product-slider::-webkit-scrollbar{display:none}.product-card{min-width:200px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;transition:var(--transition)}.product-card:hover{border-color:var(--primary);transform:translateY(-2px)}.product-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.5rem;margin-bottom:.75rem}.product-card h3{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.product-price{font-size:.8125rem;color:var(--primary);font-weight:700}.blog-section{padding:5rem 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem}.blog-card{display:flex;flex-direction:column}.blog-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1rem;margin-bottom:1.5rem;border:1px solid var(--border-color);transition:var(--transition)}.blog-card:hover .blog-thumb{transform:scale(1.02);box-shadow:var(--shadow-md)}.blog-meta{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--primary);margin-bottom:.75rem;display:flex;gap:1rem}.blog-title{font-size:1.25rem;font-weight:800;line-height:1.3;margin-bottom:1rem;letter-spacing:-.02em}.blog-title a{color:var(--text-primary);text-decoration:none}.blog-excerpt{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1.5rem}.read-more{font-size:.8125rem;font-weight:700;color:var(--text-primary);text-decoration:underline;text-underline-offset:4px}.post-container{max-width:720px;margin:0 auto;padding:5rem 1.5rem}.post-header{text-align:center;margin-bottom:4rem;background:transparent;border:none;padding:0}.post-header .category{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--primary);margin-bottom:1rem;display:block}.post-header h1{font-size:2.75rem;font-weight:800;line-height:1.1;letter-spacing:-.04em}.post-image{width:100%;border-radius:1.5rem;margin-bottom:4rem}.post-content{font-size:1.125rem;color:var(--text-secondary)}.post-content p{margin-bottom:2rem}.post-content h2{font-size:1.75rem;font-weight:800;margin:4rem 0 1.5rem;color:var(--text-primary)}.related-section{padding:5rem 0;border-top:1px solid var(--border-color)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:2rem;cursor:pointer;font-weight:600;font-size:.75rem;color:var(--text-primary)}.pagination{gap:.75rem;margin-top:5rem}.page-link,.pagination{display:flex;justify-content:center}.page-link{width:40px;height:40px;align-items:center;border:1px solid var(--border-color);border-radius:50%;text-decoration:none;color:var(--text-secondary);font-weight:700;font-size:.875rem}.page-link.active{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width:1024px){.blog-grid,.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid,.related-grid{grid-template-columns:1fr}.nav-links{display:none}.post-header h1{font-size:2.25rem}}