@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);
:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-secondary: #10b981;--color-accent: #f59e0b;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #10b981;--color-info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #0f172a;--bg-card: #ffffff;--bg-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-light: #94a3b8;--text-inverse: #ffffff;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-focus: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, Monaco, monospace;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--container-width: 1200px;--container-padding: 1rem;--transition-fast: 0.15s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease;--z-dropdown: 1000;--z-sticky: 1010;--z-fixed: 1020;--z-modal: 1030;--z-popover: 1040;--z-tooltip: 1050}.theme-dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-light: #64748b;--border-primary: #334155;--border-secondary: #475569}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}@media(max-width: 768px){.container{padding:0 1rem}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.text-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;font-family:inherit;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn i{font-size:.875rem}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background:rgba(0,0,0,0);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.navbar{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);z-index:var(--z-fixed);transition:all var(--transition-normal)}.theme-dark .navbar{background:rgba(15,23,42,.95)}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:1rem var(--container-padding);max-width:var(--container-width);margin:0 auto}.nav-logo .logo-link{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.nav-logo .logo-link i{color:var(--color-primary)}.nav-logo .logo-link .logo-image{width:1.5rem;height:1.5rem;object-fit:contain}.nav-menu{display:flex;gap:var(--spacing-xl)}@media(max-width: 768px){.nav-menu{position:fixed;top:100%;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-primary);flex-direction:column;padding:var(--spacing-lg);transform:translateY(-100vh);transition:transform var(--transition-normal)}.nav-menu.active{transform:translateY(0)}}.nav-link{position:relative;font-weight:500;color:var(--text-secondary);padding:.5rem 0}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-fast)}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer}@media(max-width: 768px){.nav-toggle{display:flex}}.nav-toggle .bar{width:24px;height:3px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}.nav-toggle.active .bar:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}.hero{padding:8rem 0 4rem;background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width=%2760%27 height=%2760%27 viewBox=%270 0 60 60%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg fill=%27%233b82f6%27 fill-opacity=%270.05%27%3E%3Ccircle cx=%2730%27 cy=%2730%27 r=%272%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding);position:relative}@media(max-width: 968px){.hero-container{grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center}}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-lg)}.hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:500px}.hero-buttons{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}@media(max-width: 480px){.hero-buttons{flex-direction:column}}.hero-visual{position:relative}.terminal{background:var(--bg-dark);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform var(--transition-slow)}.terminal:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#2d3748;border-bottom:1px solid #4a5568}.terminal-buttons{display:flex;gap:var(--spacing-xs)}.terminal-buttons span{width:12px;height:12px;border-radius:50%}.terminal-buttons span.btn-close{background:#ef4444}.terminal-buttons span.btn-minimize{background:#f59e0b}.terminal-buttons span.btn-maximize{background:#10b981}.terminal-title{color:#cbd5e1;font-size:.875rem;font-family:var(--font-mono)}.terminal-body{padding:var(--spacing-lg);font-family:var(--font-mono);font-size:.875rem;line-height:1.6}.code-line{margin-bottom:var(--spacing-sm)}.code-line .code-keyword{color:#60a5fa}.code-line .code-string{color:#34d399}.code-line .code-indent{color:#94a3b8}.section-header{text-align:center;margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.section-header:first-of-type{padding-top:6rem}@media(max-width: 768px){.section-header:first-of-type{padding-top:5rem}}.section-header .section-title{margin-bottom:var(--spacing-md)}.section-header .section-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.section-footer{text-align:center;margin-top:var(--spacing-3xl)}.blog-page{padding:var(--spacing-3xl) 0;min-height:100vh;background:var(--bg-primary);padding-top:6rem}@media(max-width: 768px){.blog-page{padding-top:5rem}}.blog-page .blog-page-header{text-align:center;margin-bottom:var(--spacing-3xl)}.blog-page .blog-page-header .page-title{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.blog-page .blog-page-header .page-description{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.blog-page .blog-featured-section{margin-bottom:var(--spacing-4xl)}.blog-page .blog-featured-section .section-subtitle{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-2xl);text-align:center}.blog-page .blog-featured-section .featured-posts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:var(--spacing-2xl)}.blog-page .blog-more-section .section-subtitle{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xl);text-align:center}.blog-page .blog-more-section .more-posts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.blog-page .blog-more-section .more-posts-grid .no-posts{grid-column:1/-1;text-align:center;color:var(--text-muted);font-size:1.125rem;padding:var(--spacing-2xl)}.small-post-card{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:1px solid var(--border-primary);height:100%;display:flex;flex-direction:column}.small-post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.small-post-card .small-post-image{position:relative;height:160px;overflow:hidden}.small-post-card .small-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.small-post-card .small-post-image .post-category{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.small-post-card .small-post-content{padding:var(--spacing-md);flex-grow:1;display:flex;flex-direction:column}.small-post-card .post-meta{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}.small-post-card .post-meta span{display:flex;align-items:center;gap:.2rem}.small-post-card .post-meta i{font-size:.7rem}.small-post-card .post-title{margin-bottom:var(--spacing-sm);flex-grow:1}.small-post-card .post-title a{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.3;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.small-post-card .post-title a:hover{color:var(--color-primary)}.small-post-card .post-excerpt{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.small-post-card .post-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.small-post-card .post-tags .tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:500}.small-post-card .post-tags .tag:first-child:nth-last-child(n+4),.small-post-card .post-tags .tag:first-child:nth-last-child(n+4)~.tag{display:none}.small-post-card .post-tags .tag:first-child:nth-last-child(1),.small-post-card .post-tags .tag:first-child:nth-last-child(2):nth-child(-n+2),.small-post-card .post-tags .tag:first-child:nth-last-child(3):nth-child(-n+3){display:inline-block}.small-post-card .post-read-more{color:var(--color-primary);text-decoration:none;font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:auto}.small-post-card .post-read-more:hover{color:var(--color-primary-dark);text-decoration:none}.small-post-card .post-read-more:hover i{transform:translateX(2px)}.small-post-card .post-read-more i{transition:transform var(--transition-fast);font-size:.75rem}.small-post-card .post-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:var(--spacing-sm)}.small-post-card .small-post-image .post-video-indicator.small{width:1.5rem;height:1.5rem;font-size:.6rem}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.pagination .pagination-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;border:1px solid var(--border-primary);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.pagination .pagination-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination .pagination-btn i{font-size:.875rem}.pagination .pagination-info{font-weight:500;color:var(--text-secondary)}@media(max-width: 768px){.blog-page{padding:var(--spacing-2xl) 0}.blog-page .blog-page-header .page-title{font-size:2.5rem}.blog-page .blog-page-header .page-description{font-size:1.125rem}.blog-page .blog-featured-section .featured-posts-grid{grid-template-columns:1fr}.blog-page .blog-more-section .more-posts-grid{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}.pagination{flex-direction:column;gap:var(--spacing-md)}.pagination .pagination-btn{width:100%;justify-content:center}}.featured-posts{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:var(--spacing-2xl)}@media(max-width: 480px){.posts-grid{grid-template-columns:1fr}}.post-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:1px solid var(--border-primary)}.post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.post-image{position:relative;aspect-ratio:16/9;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-image img{transform:scale(1.05)}.post-category{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase}.post-content{padding:var(--spacing-lg)}.post-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.875rem;color:var(--text-muted);flex-wrap:wrap}.post-meta span{display:flex;align-items:center;gap:.25rem}.post-meta i{font-size:.75rem}.post-title{margin-bottom:var(--spacing-md)}.post-title a{color:var(--text-primary)}.post-title a:hover{color:var(--color-primary)}.post-excerpt{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.post-tags{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.tag{background:var(--bg-tertiary);color:var(--text-muted);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.post-read-more{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary);font-weight:500}.post-read-more:hover{gap:var(--spacing-md)}.post-video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.8);color:#fff;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:2;transition:all var(--transition-normal)}.post-video-indicator.small{width:2rem;height:2rem;font-size:.8rem}.post-card:hover .post-video-indicator{background:var(--color-primary);transform:translate(-50%, -50%) scale(1.1)}.video-included-link{color:red !important;font-weight:600;text-decoration:none;transition:all var(--transition-normal)}.video-included-link.small{font-size:.75rem}.video-included-link:hover{color:#c00 !important;text-decoration:underline}.post-actions{display:flex;align-items:center;gap:var(--spacing-md);justify-content:space-between;flex-wrap:wrap}.post-watch-video{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:red;color:#fff !important;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all var(--transition-normal);text-decoration:none}.post-watch-video.small{padding:.25rem .5rem;font-size:.75rem}.post-watch-video:hover{background:#c00;transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-watch-video i{font-size:1em}.post-video-link{margin-left:auto}.post-video-link .btn{padding:.5rem 1rem;font-size:.875rem}.services{padding:var(--spacing-3xl) 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:var(--spacing-2xl)}.service-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-normal);display:flex;flex-direction:column;height:fit-content;min-height:400px}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.service-icon{width:80px;height:80px;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.service-icon i{font-size:2rem;color:#fff}.service-title{margin-bottom:var(--spacing-md)}.service-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.service-features{list-style:none;margin-bottom:var(--spacing-lg)}.service-features li{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);text-align:left}.service-features li i{color:var(--color-success);font-size:.875rem}.service-price{font-size:1.125rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.service-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:auto}.service-actions .service-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.service-actions .service-toggle i{transition:transform var(--transition-normal)}.service-actions .service-toggle:hover i{transform:scale(1.1)}#service-modal-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.service-modal-overlay{width:100%;height:100%;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.service-modal{background:var(--bg-primary);border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.25);border:1px solid var(--border-primary);transition:all var(--transition-normal)}@media(max-width: 768px){.service-modal{max-width:95vw;max-height:95vh}}.service-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.service-modal-header .service-modal-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.2}.service-modal-header .service-modal-close{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-normal)}.service-modal-header .service-modal-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.service-modal-content{padding:0;max-height:calc(90vh - 120px);overflow-y:auto}.service-modal-content::-webkit-scrollbar{width:8px}.service-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.service-modal-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm)}.service-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.service-modal-body{padding:var(--spacing-2xl)}.service-modal-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-secondary)}.service-modal-meta .service-meta-item{display:flex;align-items:center;gap:var(--spacing-sm)}.service-modal-meta .service-meta-item i{color:var(--color-primary);width:16px;text-align:center}.service-modal-meta .service-meta-item .meta-label{font-weight:500;color:var(--text-secondary)}.service-modal-meta .service-meta-item .meta-value{font-weight:600;color:var(--text-primary)}.service-modal-description{margin-bottom:var(--spacing-2xl)}.service-modal-description h3{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.25rem;font-weight:600}.service-modal-description .description-content{color:var(--text-secondary);line-height:1.7}.service-modal-description .description-content p{margin-bottom:var(--spacing-md)}.service-modal-description .description-content p:last-child{margin-bottom:0}.service-modal-features h3{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.25rem;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--spacing-md)}@media(max-width: 768px){.features-grid{grid-template-columns:1fr}}.features-grid .feature-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-secondary);transition:all var(--transition-normal)}.features-grid .feature-item:hover{border-color:var(--color-primary);background:var(--bg-hover)}.features-grid .feature-item i{color:var(--color-success);margin-top:2px;flex-shrink:0}.features-grid .feature-item span{color:var(--text-primary);line-height:1.5}.service-modal-footer{padding:var(--spacing-xl) var(--spacing-2xl);border-top:1px solid var(--border-primary);background:var(--bg-secondary);text-align:center}.service-modal-footer .btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;min-width:200px}.about{padding:var(--spacing-3xl) 0;background:var(--bg-secondary);padding-top:6rem}@media(max-width: 768px){.about{padding-top:5rem}}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl);align-items:start}@media(max-width: 968px){.about-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}}.about-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:var(--spacing-lg)}.expertise-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.expertise-item i{font-size:2rem;color:var(--color-primary)}.expertise-item span{font-size:.875rem;font-weight:500;text-align:center}.about-stats{display:flex;flex-direction:column;gap:var(--spacing-xl)}.stat-item{text-align:center;padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.stat-label{color:var(--text-secondary);font-weight:500}.contact{padding:var(--spacing-3xl) 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl)}@media(max-width: 968px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}}.contact-info{display:grid;gap:var(--spacing-xl)}@media(max-width: 968px){.contact-info{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.contact-item i{width:50px;height:50px;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.contact-item h4{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.contact-item p{color:var(--text-secondary);margin:0}.contact-item p a{color:var(--color-primary);text-decoration:none}.contact-item p a:hover{text-decoration:underline}.contact-cta{display:flex;align-items:center;justify-content:center}.cta-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);text-align:center;max-width:500px}.cta-card h3{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.cta-card p{margin-bottom:var(--spacing-xl);color:var(--text-secondary);line-height:1.6}.cta-card .btn-large{padding:var(--spacing-lg) var(--spacing-xl);font-size:1.1rem}.cta-card .btn-large i{margin-right:var(--spacing-sm)}.footer{background:var(--bg-dark);color:var(--text-inverse);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.theme-dark .footer{background:#0a0f1c}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-lg)}.footer-logo i{color:var(--color-primary)}.footer-logo .logo-image{width:1.5rem;height:1.5rem;object-fit:contain}.footer-description{color:#cbd5e1;margin-bottom:var(--spacing-lg)}.social-links{display:flex;gap:var(--spacing-md)}.social-link{width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#cbd5e1;transition:all var(--transition-fast)}.social-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.footer-section h4{color:#fff;margin-bottom:var(--spacing-lg)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:#cbd5e1;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.newsletter-form{display:flex;gap:var(--spacing-sm)}.newsletter-form input{flex:1;padding:.75rem;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);background:hsla(0,0%,100%,.1);color:#fff}.newsletter-form input::placeholder{color:#94a3b8}.newsletter-form input:focus{outline:none;border-color:var(--color-primary)}.newsletter-form button{padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.newsletter-form button:hover{background:var(--color-primary-dark)}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid hsla(0,0%,100%,.1);color:#94a3b8}.loading-spinner{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.spinner{width:50px;height:50px;border:3px solid hsla(0,0%,100%,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-tooltip);max-width:400px}.toast{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-sm);opacity:0;transform:translateX(100%);transition:all var(--transition-normal)}.toast.show{opacity:1;transform:translateX(0)}.toast.hide{opacity:0;transform:translateX(100%)}.toast-content{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg)}.toast-icon{flex-shrink:0}.toast-icon i{font-size:1.25rem}.toast-message{flex:1;color:var(--text-primary)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0}.toast-close:hover{color:var(--text-primary)}.toast-success .toast-icon i{color:var(--color-success)}.toast-error .toast-icon i{color:var(--color-danger)}.toast-warning .toast-icon i{color:var(--color-warning)}.toast-info .toast-icon i{color:var(--color-info)}@media(max-width: 1200px){:root{--container-width: 100%}}@media(max-width: 768px){.hero{padding:6rem 0 2rem}.hero-buttons{justify-content:center}.posts-grid,.services-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.newsletter-form{flex-direction:column}}@media(max-width: 480px){:root{--container-padding: 1rem}.hero-title{font-size:2rem}.section-header .section-title{font-size:1.75rem}.terminal{transform:none}}@media print{.navbar,.footer,.hero-buttons,.btn,.loading-spinner,.toast-container{display:none !important}body{background:#fff !important;color:#000 !important}.hero{padding:2rem 0 !important}.section{page-break-inside:avoid}}.blog-post-view{min-height:100vh;padding:var(--spacing-2xl) 0;background:var(--bg-primary)}.blog-post-view .container{max-width:800px;margin:0 auto;padding:0 var(--container-padding)}.blog-post-view .breadcrumb{margin-bottom:var(--spacing-lg);font-size:.9rem;color:var(--text-muted)}.blog-post-view .breadcrumb a{color:var(--color-primary);text-decoration:none}.blog-post-view .breadcrumb a:hover{text-decoration:underline}.blog-post-view .blog-post-header{margin-bottom:var(--spacing-2xl)}.blog-post-view .blog-post-header .post-category{display:inline-block;background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.blog-post-view .blog-post-header .post-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.blog-post-view .blog-post-header .post-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);color:var(--text-muted);font-size:.9rem}.blog-post-view .blog-post-header .post-meta span{display:flex;align-items:center;gap:var(--spacing-xs)}.blog-post-view .blog-post-header .post-meta i{font-size:.8rem}.blog-post-view .blog-post-header .post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.blog-post-view .blog-post-header .post-tags .tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}.blog-post-view .blog-post-content{margin-bottom:var(--spacing-2xl)}.blog-post-view .blog-post-content .post-content{font-size:1.1rem;line-height:1.8;color:var(--text-primary)}.blog-post-view .blog-post-content .post-content h1,.blog-post-view .blog-post-content .post-content h2,.blog-post-view .blog-post-content .post-content h3,.blog-post-view .blog-post-content .post-content h4,.blog-post-view .blog-post-content .post-content h5,.blog-post-view .blog-post-content .post-content h6{margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;font-weight:600;line-height:1.3;color:var(--text-primary)}.blog-post-view .blog-post-content .post-content h1:first-child,.blog-post-view .blog-post-content .post-content h2:first-child,.blog-post-view .blog-post-content .post-content h3:first-child,.blog-post-view .blog-post-content .post-content h4:first-child,.blog-post-view .blog-post-content .post-content h5:first-child,.blog-post-view .blog-post-content .post-content h6:first-child{margin-top:0}.blog-post-view .blog-post-content .post-content h1{font-size:2rem;border-bottom:2px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.blog-post-view .blog-post-content .post-content h2{font-size:1.7rem}.blog-post-view .blog-post-content .post-content h3{font-size:1.4rem}.blog-post-view .blog-post-content .post-content p{margin-bottom:var(--spacing-lg)}.blog-post-view .blog-post-content .post-content p:last-child{margin-bottom:0}.blog-post-view .blog-post-content .post-content ul,.blog-post-view .blog-post-content .post-content ol{margin:var(--spacing-lg) 0;padding-left:var(--spacing-xl)}.blog-post-view .blog-post-content .post-content ul li,.blog-post-view .blog-post-content .post-content ol li{margin-bottom:var(--spacing-sm);line-height:1.7}.blog-post-view .blog-post-content .post-content ul{list-style-type:disc}.blog-post-view .blog-post-content .post-content ul ul{list-style-type:circle}.blog-post-view .blog-post-content .post-content ul ul ul{list-style-type:square}.blog-post-view .blog-post-content .post-content ol{list-style-type:decimal}.blog-post-view .blog-post-content .post-content code{background:var(--bg-tertiary);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.blog-post-view .blog-post-content .post-content pre{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;overflow-x:auto}.blog-post-view .blog-post-content .post-content pre code{background:none;color:var(--text-primary);padding:0;font-size:.9rem;line-height:1.5}.blog-post-view .blog-post-content .post-content blockquote{border-left:4px solid var(--color-primary);background:var(--bg-secondary);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;font-style:italic}.blog-post-view .blog-post-content .post-content blockquote p:last-child{margin-bottom:0}.blog-post-view .blog-post-content .post-content a{color:var(--color-primary);text-decoration:none}.blog-post-view .blog-post-content .post-content a:hover{text-decoration:underline}.blog-post-view .blog-post-content .post-content strong{font-weight:600;color:var(--text-primary)}.blog-post-view .blog-post-content .post-content em{font-style:italic}.blog-post-view .blog-post-content .post-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.blog-post-view .blog-post-content .post-content table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}.blog-post-view .blog-post-content .post-content table th,.blog-post-view .blog-post-content .post-content table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-primary)}.blog-post-view .blog-post-content .post-content table th{background:var(--bg-secondary);font-weight:600}.blog-post-view .blog-post-content .post-content hr{border:none;border-top:2px solid var(--border-primary);margin:var(--spacing-2xl) 0}.blog-post-view .blog-post-footer{padding:var(--spacing-2xl) 0;border-top:1px solid var(--border-primary)}.blog-post-view .blog-post-footer .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:var(--transition-fast)}.blog-post-view .blog-post-footer .btn:hover{background:var(--bg-tertiary);text-decoration:none}.blog-post-view .blog-post-footer .btn i{font-size:.9rem}@media(max-width: 768px){.blog-post-view{padding:var(--spacing-lg) 0}.blog-post-view .blog-post-header .post-title{font-size:2rem}.blog-post-view .blog-post-header .post-meta{flex-direction:column;gap:var(--spacing-sm)}.blog-post-view .blog-post-content .post-content{font-size:1rem}.blog-post-view .blog-post-content .post-content h1{font-size:1.8rem}.blog-post-view .blog-post-content .post-content h2{font-size:1.5rem}.blog-post-view .blog-post-content .post-content h3{font-size:1.3rem}.blog-post-view .blog-post-content .post-content pre{padding:var(--spacing-md)}.blog-post-view .blog-post-content .post-content pre code{font-size:.8rem}}
