@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-bg: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a28;--color-bg-card: #16162380;--color-bg-glass: rgba(22, 22, 35, .6);--color-text: #e8e8ec;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--gradient-ai: linear-gradient(135deg, #3B82F6, #8B5CF6);--gradient-seo: linear-gradient(135deg, #10B981, #06B6D4);--gradient-hosting: linear-gradient(135deg, #F59E0B, #EF4444);--gradient-bitrix: linear-gradient(135deg, #EF4444, #EC4899);--gradient-dev: linear-gradient(135deg, #6B7280, #3B82F6);--gradient-security: linear-gradient(135deg, #DC2626, #7C3AED);--gradient-general: linear-gradient(135deg, #6B7280, #9CA3AF);--gradient-courses: linear-gradient(135deg, #F59E0B, #10B981);--gradient-news: linear-gradient(135deg, #3B82F6, #06B6D4);--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);--gradient-hero: linear-gradient(135deg, #0a0a0f 0%, #1a103d 50%, #0a0a0f 100%);--accent: #8b5cf6;--accent-light: #a78bfa;--accent-dark: #6d28d9;--accent-glow: rgba(139, 92, 246, .15);--accent-glow-strong: rgba(139, 92, 246, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .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: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px var(--accent-glow);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--max-width: 1200px;--max-width-content: 800px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--color-bg-tertiary) transparent}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::selection{background:var(--accent-glow-strong);color:#fff}a{color:var(--accent-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#fff}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.content-wrapper{max-width:var(--max-width-content);margin:0 auto}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:100;background:#0a0a0fcc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-border);transition:background var(--transition-base)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.site-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--text-xl);color:#fff;text-decoration:none;letter-spacing:-.02em}.logo-icon{width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.nav-links{display:flex;gap:var(--space-8);list-style:none}.nav-links a{color:var(--color-text-secondary);font-weight:500;font-size:var(--text-sm);letter-spacing:.01em;position:relative;padding:var(--space-2) 0;transition:color var(--transition-fast)}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-toggle{display:none;cursor:pointer;padding:var(--space-2);background:none;border:none;color:var(--color-text)}.nav-toggle span{display:block;width:24px;height:2px;background:currentColor;margin:6px 0;transition:var(--transition-fast)}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-24) var(--space-6);overflow:hidden;background:var(--gradient-hero)}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,var(--accent-glow) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(59,130,246,.08) 0%,transparent 50%);animation:hero-glow 15s ease-in-out infinite alternate}@keyframes hero-glow{0%{transform:translate(0) rotate(0)}to{transform:translate(-5%,5%) rotate(3deg)}}.hero-content{position:relative;z-index:1;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8);backdrop-filter:blur(10px)}.hero-badge .dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(var(--text-3xl),6vw,var(--text-6xl));font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-6);background:linear-gradient(to right,white,var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:clamp(var(--text-lg),2vw,var(--text-xl));color:var(--color-text-secondary);max-width:640px;margin:0 auto var(--space-10);line-height:1.7}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:none;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow-strong);color:#fff}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-border-hover);background:var(--color-bg-glass);color:#fff}.section{padding:var(--space-24) 0}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header h2{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-4)}.section-header p{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:600px;margin:0 auto}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-gradient, var(--gradient-primary));opacity:0;transition:opacity var(--transition-base)}.card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card:hover:before{opacity:1}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.category-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--badge-bg, var(--accent-glow));color:var(--badge-color, var(--accent-light));border:1px solid var(--badge-border, rgba(139, 92, 246, .2))}.category-badge[data-category=ai-automation]{--badge-bg: rgba(59, 130, 246, .1);--badge-color: #60a5fa;--badge-border: rgba(59, 130, 246, .2)}.category-badge[data-category=seo-geo]{--badge-bg: rgba(16, 185, 129, .1);--badge-color: #34d399;--badge-border: rgba(16, 185, 129, .2)}.category-badge[data-category=hosting]{--badge-bg: rgba(245, 158, 11, .1);--badge-color: #fbbf24;--badge-border: rgba(245, 158, 11, .2)}.category-badge[data-category=bitrix]{--badge-bg: rgba(239, 68, 68, .1);--badge-color: #f87171;--badge-border: rgba(239, 68, 68, .2)}.category-badge[data-category=development]{--badge-bg: rgba(99, 102, 241, .1);--badge-color: #818cf8;--badge-border: rgba(99, 102, 241, .2)}.category-badge[data-category=security]{--badge-bg: rgba(220, 38, 38, .1);--badge-color: #fb7185;--badge-border: rgba(220, 38, 38, .2)}.category-badge[data-category=general]{--badge-bg: rgba(107, 114, 128, .1);--badge-color: #9ca3af;--badge-border: rgba(107, 114, 128, .2)}.category-badge[data-category=courses]{--badge-bg: rgba(245, 158, 11, .1);--badge-color: #fbbf24;--badge-border: rgba(245, 158, 11, .2)}.category-badge[data-category=news]{--badge-bg: rgba(6, 182, 212, .1);--badge-color: #22d3ee;--badge-border: rgba(6, 182, 212, .2)}.post-card{display:flex;flex-direction:column;gap:var(--space-4)}.post-card-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.post-card-date{font-size:var(--text-xs);color:var(--color-text-muted)}.post-card h3{font-size:var(--text-xl);font-weight:700;line-height:1.3;letter-spacing:-.01em}.post-card h3 a{color:var(--color-text);transition:color var(--transition-fast)}.post-card h3 a:hover{color:#fff}.post-card p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.tag{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.tag:hover{color:var(--accent-light);background:var(--accent-glow)}.article-header{padding:calc(var(--header-height) + var(--space-16)) 0 var(--space-12);text-align:center}.article-header h1{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:800;letter-spacing:-.02em;max-width:800px;margin:0 auto var(--space-6);line-height:1.2}.article-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap}.article-meta .separator{width:4px;height:4px;background:var(--color-text-muted);border-radius:50%}.article-content{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-6) var(--space-24)}.article-content h2{font-size:var(--text-2xl);font-weight:700;margin:var(--space-12) 0 var(--space-4);padding-top:var(--space-4);letter-spacing:-.01em;border-top:1px solid var(--color-border)}.article-content h3{font-size:var(--text-xl);font-weight:600;margin:var(--space-8) 0 var(--space-3)}.article-content p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:1.8}.article-content ul,.article-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6);color:var(--color-text-secondary)}.article-content li{margin-bottom:var(--space-2);line-height:1.7}.article-content code{font-family:var(--font-mono);font-size:.85em;background:#8b5cf61a;padding:.2em .5em;border-radius:var(--radius-sm);color:var(--accent-light);border:1px solid rgba(139,92,246,.15);white-space:nowrap}.code-block-wrapper{position:relative;margin:var(--space-8) 0;border-radius:var(--radius-xl);overflow:hidden;background:#0d1117;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #0006,inset 0 1px #ffffff0a}.code-block-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.7}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);user-select:none}.code-block-lang{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.code-block-dots{display:flex;gap:6px;margin-right:var(--space-3)}.code-block-dots span{width:10px;height:10px;border-radius:50%}.code-block-dots span:nth-child(1){background:#ff5f57}.code-block-dots span:nth-child(2){background:#febc2e}.code-block-dots span:nth-child(3){background:#28c840}.code-copy-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.code-copy-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.code-copy-btn.copied{color:#28c840;border-color:#28c8404d;background:#28c8401a}.code-copy-btn svg{width:14px;height:14px;flex-shrink:0}.code-block-wrapper pre{margin:0!important;padding:var(--space-6)!important;overflow-x:auto;border-radius:0!important;background:transparent!important;border:none!important}.code-block-wrapper pre code{font-family:var(--font-mono);font-size:.875rem;line-height:1.7;background:none!important;padding:0!important;border:none!important;color:#e6edf3;white-space:pre;display:block;tab-size:4}.article-content pre:not(.code-block-wrapper pre){margin:var(--space-8) 0;padding:var(--space-6);background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);overflow-x:auto}.article-content pre code{background:none;padding:0;border:none;color:#e6edf3;font-size:.875rem;line-height:1.7;white-space:pre}.article-content blockquote{border-left:3px solid var(--accent);padding:var(--space-6) var(--space-8);margin:var(--space-8) 0;background:linear-gradient(135deg,#8b5cf60d,#3b82f608);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--color-text-secondary);font-style:italic;position:relative}.article-content blockquote:before{content:'"';position:absolute;top:-8px;left:12px;font-size:3rem;color:var(--accent-glow-strong);opacity:.3;font-family:Georgia,serif;line-height:1}.article-content blockquote p{color:var(--color-text-secondary)}.article-content img{border-radius:var(--radius-lg);margin:var(--space-8) 0;box-shadow:var(--shadow-lg)}.article-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-hover),transparent);margin:var(--space-12) 0}.article-content strong{color:var(--color-text);font-weight:700}.article-content a{color:var(--accent-light);text-decoration:underline;text-decoration-color:#8b5cf64d;text-underline-offset:2px;transition:all var(--transition-fast)}.article-content a:hover{color:#fff;text-decoration-color:#fff}.article-content table{width:100%;border-collapse:collapse;margin:var(--space-6) 0}.article-content th,.article-content td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);text-align:left}.article-content th{background:var(--color-bg-tertiary);font-weight:600}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8);background:var(--color-bg-secondary)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand p{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-4);line-height:1.7}.footer-col h4{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--space-2)}.footer-col a{color:var(--color-text-secondary);font-size:var(--text-sm)}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-6);text-align:center}.stat{padding:var(--space-6)}.stat-number{font-size:var(--text-4xl);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.category-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);text-decoration:none;color:var(--color-text)}.category-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);color:#fff}.category-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.category-info h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.category-info .count{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:block}.hero{min-height:80vh;padding:calc(var(--header-height) + var(--space-12)) var(--space-4)}.card-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.hero-actions{flex-direction:column;align-items:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:1fr}.article-meta{flex-direction:column;gap:var(--space-2)}.article-meta .separator{display:none}}@media(max-width:480px){:root{--space-6: 1rem}.stats-grid{grid-template-columns:1fr}}