:root{--color-primary-deep:#1a5a8a;--color-primary:#2d7ab8;--color-primary-light:#4a9cd4;--color-primary-pale:#7bbce8;--color-primary-ghost:#c5e2f5;--color-accent:#ffffff;--color-accent-soft:rgba(255, 255, 255, 0.9);--color-accent-muted:rgba(255, 255, 255, 0.7);--color-text:#2c3e50;--color-text-light:#5a6a7a;--color-text-muted:#8a9aa8;--color-background:#ffffff;--color-background-alt:#f8fafc;--color-background-code:#1e293b;--color-border:#e2e8f0;--font-display:'Playfair Display', Georgia, serif;--font-body:'Source Sans 3', -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:6rem;--max-width:1200px;--max-width-content:800px;--header-height:80px;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.1);--shadow-glow:0 0 40px rgba(45, 122, 184, 0.15)}[data-theme=dark]{--color-text:#e2e8f0;--color-text-light:#94a3b8;--color-text-muted:#64748b;--color-background:#0f172a;--color-background-alt:#1e293b;--color-background-code:#0d1117;--color-border:#334155;--color-primary-ghost:rgba(45, 122, 184, 0.2)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;color:var(--color-text);background-color:var(--color-background);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.25;color:var(--color-text);margin-bottom:var(--space-md)}h1{font-size:clamp(2.5rem,5vw,3.5rem)}h2{font-size:clamp(2rem,4vw,2.75rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-deep)}strong{font-weight:600}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.container--narrow{max-width:var(--max-width-content)}main{flex:1}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;transition:background var(--transition-base),box-shadow var(--transition-base)}[data-theme=dark] .site-header{background:rgba(15,23,42,.95)}.site-header.scrolled{box-shadow:var(--shadow-md)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.site-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:var(--space-sm)}.site-logo:hover{color:var(--color-primary-deep)}.site-logo svg{width:32px;height:32px}.main-nav{display:flex;align-items:center;gap:var(--space-lg)}.main-nav__list{display:flex;align-items:center;gap:var(--space-xs);list-style:none}.main-nav__link{display:block;padding:var(--space-sm)var(--space-md);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);border-radius:4px;transition:color var(--transition-fast),background var(--transition-fast)}.main-nav__link:hover,.main-nav__link--active{color:var(--color-primary);background:var(--color-primary-ghost)}.theme-toggle{background:0 0;border:none;padding:var(--space-sm);cursor:pointer;color:var(--color-text);border-radius:50%;transition:background var(--transition-fast)}.theme-toggle:hover{background:var(--color-primary-ghost)}.theme-toggle svg{width:20px;height:20px;display:block}.theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.mobile-menu-toggle{display:none;background:0 0;border:none;padding:var(--space-sm);cursor:pointer;color:var(--color-text)}.mobile-menu-toggle svg{width:24px;height:24px;display:block}.hero{position:relative;min-height:85vh;display:flex;align-items:center;padding-top:var(--header-height);background:linear-gradient(135deg,var(--color-primary-deep) 0%,var(--color-primary) 50%,var(--color-primary-light) 100%);overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.hero__decoration{position:absolute;inset:0;pointer-events:none}.hero__decoration--top{display:none}.hero__content{position:relative;z-index:1;max-width:650px}.hero__tagline{display:inline-block;padding:var(--space-xs)var(--space-md);margin-bottom:var(--space-md);background:rgba(255,255,255,.15);border-radius:100px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}.hero__title{font-size:clamp(2.75rem,6vw,4.5rem);color:var(--color-accent);margin-bottom:var(--space-lg);text-shadow:0 2px 20px rgba(0,0,0,.15)}.hero__description{font-size:1.25rem;color:var(--color-accent-soft);margin-bottom:var(--space-xl);max-width:540px}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.875rem 1.75rem;font-family:var(--font-body);font-size:1rem;font-weight:600;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn--primary{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent)}.btn--primary:hover{background:0 0;color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.btn--secondary{background:0 0;color:var(--color-accent);border-color:var(--color-accent)}.btn--secondary:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-2px)}.btn--outline{background:0 0;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:var(--color-accent)}.section{padding:var(--space-2xl)0;position:relative}.section--alt{background:var(--color-background-alt)}.section--decorated{overflow:hidden}.section__decoration{position:absolute;inset:0;pointer-events:none;opacity:.5}.section__decoration--left{}.section__decoration--right{}.section__header{text-align:center;max-width:700px;margin:0 auto var(--space-xl)}.section__title{position:relative;display:inline-block}.section__title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary-pale),var(--color-primary));border-radius:2px}.section__subtitle{margin-top:var(--space-lg);color:var(--color-text-light);font-size:1.125rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.service-card{position:relative;background:var(--color-background);border-radius:16px;padding:var(--space-xl)var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity var(--transition-base)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.service-card:hover::before{opacity:1}.service-card__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-lg);background:var(--color-primary-ghost);border-radius:12px;color:var(--color-primary)}.service-card__icon svg{width:32px;height:32px}.service-card__title{font-family:var(--font-display);font-size:1.375rem;margin-bottom:var(--space-sm)}.service-card__description{color:var(--color-text-light);margin-bottom:var(--space-md)}.service-card__link{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:600;font-size:.9375rem}.service-card__link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.service-card__link:hover svg{transform:translateX(4px)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-lg)}.post-card{display:flex;flex-direction:column;background:var(--color-background);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.post-card__image{aspect-ratio:16/9;overflow:hidden;background:var(--color-primary-ghost)}.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-card__image img{transform:scale(1.05)}.post-card__content{flex:1;display:flex;flex-direction:column;padding:var(--space-lg)}.post-card__meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);font-size:.875rem;color:var(--color-text-muted)}.post-card__tag{padding:2px 10px;background:var(--color-primary-ghost);color:var(--color-primary);border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.post-card__title{font-size:1.25rem;margin-bottom:var(--space-sm);line-height:1.4}.post-card__title a{color:inherit}.post-card__title a:hover{color:var(--color-primary)}.post-card__excerpt{color:var(--color-text-light);font-size:.9375rem;margin-bottom:var(--space-md);flex:1}.post-card__read-more{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:600;font-size:.9375rem}.page-header{padding-top:calc(var(--header-height) + var(--space-2xl));padding-bottom:var(--space-xl);background:linear-gradient(135deg,var(--color-primary-deep) 0%,var(--color-primary) 100%);position:relative;overflow:hidden}.page-header__decoration{position:absolute;bottom:-20%;right:-5%;width:40%;max-width:400px;opacity:.15;pointer-events:none}.page-header__content{position:relative;z-index:1}.page-header__title{color:var(--color-accent);margin-bottom:var(--space-md)}.page-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);color:var(--color-accent-muted);font-size:.9375rem}.page-header__meta svg{width:16px;height:16px;margin-right:4px;vertical-align:-2px}.page-header__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.page-header__tag{padding:4px 12px;background:rgba(255,255,255,.15);color:var(--color-accent);border-radius:100px;font-size:.8125rem;font-weight:500}.page-header__tag:hover{background:rgba(255,255,255,.25);color:var(--color-accent)}.article{padding:var(--space-2xl)0}.article__content{max-width:var(--max-width-content);margin:0 auto}.article__content h2{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.article__content h3{margin-top:var(--space-lg)}.article__content img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-lg)0}.article__content ul,.article__content ol{margin:var(--space-md)0;padding-left:var(--space-lg)}.article__content li{margin-bottom:var(--space-sm)}.article__content blockquote{margin:var(--space-lg)0;padding:var(--space-lg);background:var(--color-primary-ghost);border-left:4px solid var(--color-primary);border-radius:0 8px 8px 0;font-style:italic;color:var(--color-text-light)}.article__content blockquote p:last-child{margin-bottom:0}.article__content code{font-family:var(--font-mono);font-size:.875em;padding:2px 6px;background:var(--color-background-alt);border-radius:4px;color:var(--color-primary-deep)}[data-theme=dark] .article__content code{background:var(--color-background-code);color:var(--color-primary-light)}.article__content pre{margin:var(--space-lg)0;padding:var(--space-lg);background:var(--color-background-code);border-radius:12px;overflow-x:auto;position:relative}.article__content pre code{display:block;padding:0;background:0 0;color:#e2e8f0;font-size:.875rem;line-height:1.6}.article__content table{width:100%;margin:var(--space-lg)0;border-collapse:collapse;font-size:.9375rem}.article__content th,.article__content td{padding:var(--space-sm)var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.article__content th{font-weight:600;background:var(--color-background-alt)}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.tag-item{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:100px;font-size:.9375rem;font-weight:500;color:var(--color-text);transition:all var(--transition-fast)}.tag-item:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-accent)}.tag-item__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--color-primary-ghost);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--color-primary)}.tag-item:hover .tag-item__count{background:rgba(255,255,255,.2);color:var(--color-accent)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.about-image{position:relative}.about-image img{width:100%;border-radius:16px;box-shadow:var(--shadow-lg)}.about-image::after{content:'';position:absolute;inset:20px -20px -20px 20px;background:var(--color-primary-ghost);border-radius:16px;z-index:-1}.about-text h2{margin-top:var(--space-lg)}.about-text h2:first-child{margin-top:0}.contact-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);position:relative;overflow:hidden}.contact-section__decoration{position:absolute;left:-10%;bottom:-10%;width:40%;max-width:400px;opacity:.1;transform:rotate(180deg);pointer-events:none}.contact-section .section__header{color:var(--color-accent)}.contact-section .section__title{color:var(--color-accent)}.contact-section .section__title::after{background:rgba(255,255,255,.4)}.contact-section .section__subtitle{color:var(--color-accent-muted)}.contact-cta{text-align:center}.contact-email{display:inline-block;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--color-accent);margin-bottom:var(--space-lg);word-break:break-all}.contact-email:hover{color:var(--color-accent-soft)}.site-footer{background:var(--color-background-alt);padding:var(--space-xl)0;border-top:1px solid var(--color-border)}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-md)}.site-footer__copy{color:var(--color-text-muted);font-size:.9375rem}.site-footer__links{display:flex;gap:var(--space-md)}.site-footer__link{color:var(--color-text-light);font-size:.9375rem}.site-footer__link:hover{color:var(--color-primary)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl)}.pagination__item{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--space-sm);border-radius:8px;font-weight:500;color:var(--color-text);border:1px solid var(--color-border);transition:all var(--transition-fast)}.pagination__item:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination__item--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-accent)}.pagination__item--disabled{opacity:.5;pointer-events:none}@media(max-width:1024px){.about-content{grid-template-columns:1fr;gap:var(--space-xl)}.about-image{max-width:500px;margin:0 auto}}@media(max-width:768px){:root{--header-height:70px}.main-nav__list{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;padding:var(--space-lg);background:var(--color-background);gap:var(--space-xs);transform:translateX(100%);transition:transform var(--transition-base)}.main-nav__list.open{transform:translateX(0)}.main-nav__link{padding:var(--space-md);font-size:1rem}.mobile-menu-toggle{display:block}.hero{min-height:auto;padding-top:calc(var(--header-height) + var(--space-xl));padding-bottom:var(--space-2xl)}.hero__decoration{width:80%;opacity:.2}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%;justify-content:center}.services-grid,.posts-grid{grid-template-columns:1fr}.section{padding:var(--space-xl)0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}[data-animate]{opacity:0}.highlight{margin:var(--space-lg)0;border-radius:12px;overflow:hidden}.highlight pre{margin:0;padding:var(--space-lg);background:#1e1e1e;overflow-x:auto}.highlight code{background:0 0;padding:0;color:#d4d4d4}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#569cd6}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .ss{color:#ce9178}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cp,.highlight .cs{color:#6a9955}.highlight .na,.highlight .nb,.highlight .nc,.highlight .nd,.highlight .ne,.highlight .nf,.highlight .ni,.highlight .nl,.highlight .nn,.highlight .no,.highlight .nt,.highlight .nv{color:#4ec9b0}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#b5cea8}.highlight .o,.highlight .ow{color:#d4d4d4}.highlight .p{color:#d4d4d4}.highlight .err{color:#f44747}.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}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}