.profile-header[data-v-a114417c]{text-align:center;margin-bottom:1.5rem}.profile-avatar[data-v-a114417c]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}.profile-name[data-v-a114417c]{color:var(--primary-blue);margin-bottom:.5rem}.profile-title[data-v-a114417c]{color:var(--text-gray);font-size:1.1rem}.profile-content[data-v-a114417c]{text-align:center;padding:0 1rem}.profile-description[data-v-a114417c]{color:var(--text-gray);line-height:1.6;margin-bottom:1.5rem}.profile-stats[data-v-a114417c]{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.stat-item[data-v-a114417c]{text-align:center}.stat-number[data-v-a114417c]{font-weight:700;color:var(--primary-blue);font-size:1.5rem}.stat-label[data-v-a114417c]{color:var(--text-gray);font-size:.875rem}.card-title[data-v-a114417c]{color:var(--primary-blue);margin-bottom:1rem;font-size:1.5rem}.card-text[data-v-a114417c]{color:var(--text-gray);line-height:1.6;margin-bottom:1rem}.card-text[data-v-a114417c]:last-child{margin-bottom:0}.features-grid[data-v-a114417c]{margin-top:3rem}.feature-icon[data-v-a114417c]{font-size:3rem;margin-bottom:1rem}.feature-title[data-v-a114417c]{color:var(--primary-blue);margin-bottom:.5rem}.feature-description[data-v-a114417c]{color:var(--text-gray);font-size:.9rem}.tech-stack[data-v-a114417c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.tech-category h3[data-v-a114417c]{color:var(--primary-blue);margin-bottom:1rem;font-size:1.2rem}.tech-tags[data-v-a114417c]{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag[data-v-a114417c]{background:var(--bg-light);color:var(--primary-blue);padding:.5rem 1rem;border-radius:1.5rem;font-size:.9rem;font-weight:500;transition:all .3s ease}.tech-tag[data-v-a114417c]:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.text-center[data-v-a114417c]{text-align:center}.page-header[data-v-5876d4eb]{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));color:#fff;padding:4rem 0 2rem;text-align:center}.page-title[data-v-5876d4eb]{font-size:3rem;margin-bottom:1rem;font-weight:700}.page-subtitle[data-v-5876d4eb]{font-size:1.2rem;opacity:.9}.story-content[data-v-5876d4eb]{max-width:800px;margin:0 auto}.story-item[data-v-5876d4eb]{display:flex;align-items:flex-start;margin-bottom:3rem;gap:2rem}.story-icon[data-v-5876d4eb]{font-size:3rem;flex-shrink:0}.story-text h3[data-v-5876d4eb]{color:var(--primary-blue);margin-bottom:1rem;font-size:1.3rem}.story-text p[data-v-5876d4eb]{color:var(--text-gray);line-height:1.6}.skills-grid[data-v-5876d4eb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.skill-item[data-v-5876d4eb]{background:white;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 10px #0000001a}.skill-info[data-v-5876d4eb]{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name[data-v-5876d4eb]{font-weight:600;color:var(--text-dark)}.skill-level[data-v-5876d4eb]{color:var(--primary-blue);font-weight:600}.skill-bar[data-v-5876d4eb]{height:8px;background:var(--bg-light);border-radius:4px;overflow:hidden}.skill-progress[data-v-5876d4eb]{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--accent-blue));border-radius:4px;transition:width 1s ease-in-out}.contact-grid[data-v-5876d4eb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.contact-item[data-v-5876d4eb]{text-align:center;padding:2rem;background:white;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.contact-item[data-v-5876d4eb]:hover{transform:translateY(-5px)}.contact-icon[data-v-5876d4eb]{font-size:3rem;margin-bottom:1rem}.contact-item h3[data-v-5876d4eb]{color:var(--primary-blue);margin-bottom:.5rem}.contact-item p[data-v-5876d4eb]{color:var(--text-gray)}.page-header[data-v-e0dc18cc]{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));color:#fff;padding:4rem 0 2rem;text-align:center}.page-title[data-v-e0dc18cc]{font-size:3rem;margin-bottom:1rem;font-weight:700}.page-subtitle[data-v-e0dc18cc]{font-size:1.2rem;opacity:.9}.project-features[data-v-e0dc18cc]{margin-top:1rem}.project-features h4[data-v-e0dc18cc]{color:var(--primary-blue);font-size:.9rem;margin-bottom:.5rem}.project-features ul[data-v-e0dc18cc]{list-style:none;padding:0}.project-features li[data-v-e0dc18cc]{color:var(--text-gray);font-size:.85rem;margin-bottom:.25rem;padding-left:1rem;position:relative}.project-features li[data-v-e0dc18cc]:before{content:"•";color:var(--primary-blue);position:absolute;left:0}.achievements-timeline[data-v-e0dc18cc]{max-width:800px;margin:2rem auto 0}.achievement-item[data-v-e0dc18cc]{display:flex;align-items:flex-start;margin-bottom:3rem;gap:2rem;padding:2rem;background:white;border-radius:.5rem;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.achievement-item[data-v-e0dc18cc]:hover{transform:translateY(-5px)}.achievement-icon[data-v-e0dc18cc]{font-size:3rem;flex-shrink:0}.achievement-content h3[data-v-e0dc18cc]{color:var(--primary-blue);margin-bottom:.5rem;font-size:1.3rem}.achievement-date[data-v-e0dc18cc]{color:var(--accent-blue);font-weight:600;margin-bottom:.5rem}.achievement-content p[data-v-e0dc18cc]:last-child{color:var(--text-gray);line-height:1.6}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#ffffff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.blog-post-container[data-v-993046a8]{display:flex;max-width:1400px;margin:0 auto;gap:2rem;padding:2rem;height:100vh;overflow:hidden}.table-of-contents[data-v-993046a8]{width:280px;min-width:280px;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.95) 100%);border-radius:16px;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:calc(100vh - 4rem);overflow-y:auto;transition:all .3s ease;display:flex;flex-direction:column}.toc-header[data-v-993046a8]{padding:1.5rem;border-bottom:1px solid rgba(102,126,234,.1);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%);border-radius:16px 16px 0 0;cursor:pointer;transition:all .2s ease}.toc-header[data-v-993046a8]:hover{background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.08) 100%)}.toc-title[data-v-993046a8]{font-size:1.1rem;font-weight:600;color:var(--primary-blue);margin:0}.toc-toggle[data-v-993046a8]{background:none;border:none;color:var(--primary-blue);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toc-toggle[data-v-993046a8]:hover{background:rgba(102,126,234,.1)}.toc-toggle svg[data-v-993046a8]{transition:transform .4s cubic-bezier(.4,0,.2,1)}.toc-toggle.collapsed svg[data-v-993046a8]{transform:rotate(-90deg)}.toc-toggle[data-v-993046a8]:active{transform:scale(.95)}.toc-nav[data-v-993046a8]{padding:1rem 0;flex:1;overflow-y:auto;opacity:1;transform:translateY(0) scale(1);transition:all .4s cubic-bezier(.4,0,.2,1)}.toc-nav.collapsed[data-v-993046a8]{flex:0;min-height:0;padding:0;opacity:0;transform:translateY(-15px) scale(.95);pointer-events:none;overflow:hidden}.toc-list[data-v-993046a8]{list-style:none;padding:0;margin:0}.toc-item[data-v-993046a8]{margin:0}.toc-link[data-v-993046a8]{display:block;padding:.5rem 1.5rem;color:var(--text-gray);text-decoration:none;font-size:.9rem;line-height:1.4;transition:all .2s ease;border-left:3px solid transparent}.toc-link[data-v-993046a8]:hover{color:var(--primary-blue);background:rgba(102,126,234,.05);border-left-color:#667eea4d}.toc-link.toc-active[data-v-993046a8]{color:var(--primary-blue);background:rgba(102,126,234,.1);border-left-color:var(--primary-blue);font-weight:600}.toc-level-1 .toc-link[data-v-993046a8]{padding-left:1.5rem;font-weight:600}.toc-level-2 .toc-link[data-v-993046a8]{padding-left:2rem}.toc-level-3 .toc-link[data-v-993046a8]{padding-left:2.5rem;font-size:.85rem}.toc-level-4 .toc-link[data-v-993046a8]{padding-left:3rem;font-size:.85rem}.toc-level-5 .toc-link[data-v-993046a8]{padding-left:3.5rem;font-size:.8rem}.toc-level-6 .toc-link[data-v-993046a8]{padding-left:4rem;font-size:.8rem}.toc-empty[data-v-993046a8]{padding:2rem 1.5rem;text-align:center;color:var(--text-gray);font-size:.9rem}.blog-post[data-v-993046a8]{flex:1;max-width:none;margin:0;padding:4rem 3.5rem;background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.98) 100%);border-radius:32px;box-shadow:0 25px 50px #00000014,0 8px 16px #0000000a;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);position:relative;height:calc(100vh - 4rem);overflow-y:auto}.blog-post[data-v-993046a8]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 25%,rgba(102,126,234,.02) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(118,75,162,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.blog-post[data-v-993046a8]>*{position:relative;z-index:1}.post-header[data-v-993046a8]{margin-bottom:4rem;padding-bottom:2rem;border-bottom:3px solid var(--gray-100);text-align:center;position:relative}.post-header[data-v-993046a8]:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-blue),var(--blue-600),var(--accent-blue));border-radius:2px}.post-title[data-v-993046a8]{font-size:clamp(2.25rem,4vw,3.25rem);font-weight:800;color:var(--text-primary);margin-bottom:2rem;line-height:1.15;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-meta[data-v-993046a8]{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:1rem;font-weight:500}.post-date[data-v-993046a8],.post-author[data-v-993046a8]{font-weight:500}.post-tags[data-v-993046a8]{display:flex;gap:var(--space-sm)}.tag[data-v-993046a8]{background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.08) 100%);color:var(--primary-blue);padding:.5rem 1.2rem;border-radius:25px;font-size:.85rem;font-weight:600;border:1px solid rgba(102,126,234,.15);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tag[data-v-993046a8]:hover{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.15) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;border-color:#667eea40}.post-content[data-v-993046a8]{margin-bottom:var(--space-3xl)}.post-footer[data-v-993046a8]{padding-top:var(--space-lg);border-top:2px solid var(--gray-100)}.post-navigation[data-v-993046a8]{display:flex;justify-content:space-between;align-items:center}.btn[data-v-993046a8]{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--blue-600) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 8px 25px #667eea4d;text-decoration:none;position:relative;overflow:hidden}.btn[data-v-993046a8]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn[data-v-993046a8]:hover:before{left:100%}.btn[data-v-993046a8]:hover{background:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-800) 100%);transform:translateY(-4px);box-shadow:0 12px 35px #667eea66}.btn-outline[data-v-993046a8]{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue);box-shadow:0 4px 15px #667eea33}.btn-outline[data-v-993046a8]:hover{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--blue-600) 100%);color:#fff;border-color:var(--primary-blue);box-shadow:0 8px 25px #667eea4d}@media (max-width: 1024px){.blog-post-container[data-v-993046a8]{gap:1.5rem;padding:1.5rem}.table-of-contents[data-v-993046a8]{width:250px;min-width:250px}.blog-post[data-v-993046a8]{padding:3rem 2.5rem}}@media (max-width: 768px){.blog-post-container[data-v-993046a8]{flex-direction:column;padding:1rem;gap:1rem}.table-of-contents[data-v-993046a8]{width:100%;min-width:auto;position:static;order:-1;max-height:300px}.table-of-contents[data-v-993046a8]:not(.toc-visible){max-height:60px;overflow:hidden}.toc-nav[data-v-993046a8]{display:none}.toc-visible .toc-nav[data-v-993046a8]{display:block}.blog-post[data-v-993046a8]{padding:2rem 1.5rem;margin:0}.post-title[data-v-993046a8]{font-size:2rem}.post-meta[data-v-993046a8]{flex-direction:column;align-items:flex-start;gap:.5rem}.post-content[data-v-993046a8]{font-size:1rem}.toc-level-1 .toc-link[data-v-993046a8]{padding-left:1rem}.toc-level-2 .toc-link[data-v-993046a8]{padding-left:1.5rem}.toc-level-3 .toc-link[data-v-993046a8]{padding-left:2rem}.toc-level-4 .toc-link[data-v-993046a8]{padding-left:2.5rem}.toc-level-5 .toc-link[data-v-993046a8]{padding-left:3rem}.toc-level-6 .toc-link[data-v-993046a8]{padding-left:3.5rem}}@media (max-width: 480px){.blog-post[data-v-993046a8]{padding:1.5rem 1rem}.post-title[data-v-993046a8]{font-size:1.75rem}.toc-header[data-v-993046a8]{padding:1rem}.toc-title[data-v-993046a8]{font-size:1rem}}.blog-page[data-v-696317e7]{height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);background-attachment:fixed;padding:0;overflow:hidden}.docs-layout[data-v-696317e7]{display:flex;height:100vh;max-width:100vw;overflow:hidden}.docs-sidebar[data-v-696317e7]{width:350px;min-width:350px;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.95) 100%);border-right:1px solid rgba(102,126,234,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:100vh;overflow:hidden;box-shadow:4px 0 20px #667eea14}.sidebar-header[data-v-696317e7]{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid rgba(102,126,234,.1);background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%)}.sidebar-title[data-v-696317e7]{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-subtitle[data-v-696317e7]{font-size:.9rem;color:var(--text-secondary);font-weight:500}.search-box[data-v-696317e7]{position:relative;padding:1.5rem;border-bottom:1px solid rgba(102,126,234,.1)}.search-input[data-v-696317e7]{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid rgba(102,126,234,.15);border-radius:25px;background:rgba(255,255,255,.8);font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-input[data-v-696317e7]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #667eea1a;background:rgba(255,255,255,.95)}.search-icon[data-v-696317e7]{position:absolute;left:2rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-secondary);pointer-events:none}.doc-categories[data-v-696317e7]{border-bottom:1px solid rgba(102,126,234,.1);flex:1;overflow-y:auto}.category-header[data-v-696317e7]{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(102,126,234,.05)}.category-header[data-v-696317e7]:hover{background:rgba(102,126,234,.03)}.category-title[data-v-696317e7]{font-size:.85rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.toggle-btn[data-v-696317e7]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-btn[data-v-696317e7]:hover{background:rgba(102,126,234,.1);color:var(--primary-blue)}.toggle-btn svg[data-v-696317e7]{transition:transform .4s cubic-bezier(.4,0,.2,1)}.toggle-btn.collapsed svg[data-v-696317e7]{transform:rotate(-90deg)}.toggle-btn[data-v-696317e7]:active{transform:scale(.95)}.category-list[data-v-696317e7]{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-height:1000px;overflow:hidden;opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.category-list.collapsed[data-v-696317e7]{max-height:0;padding:0 1.5rem;opacity:0;transform:translateY(-10px);pointer-events:none}.category-item[data-v-696317e7]{border-radius:.5rem;overflow:hidden}.doc-list[data-v-696317e7]{list-style:none;padding:0;margin:0}.doc-item[data-v-696317e7]{padding:.75rem 1rem;border-radius:.375rem;margin-bottom:.25rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;justify-content:space-between;align-items:center}.doc-item[data-v-696317e7]:hover{background:rgba(59,130,246,.05);border-color:#3b82f633}.doc-item.active[data-v-696317e7]{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;border-color:#1d4ed8;box-shadow:0 2px 8px #3b82f64d}.doc-title[data-v-696317e7]{font-size:.875rem;font-weight:500;flex:1;margin-right:.5rem}.doc-date[data-v-696317e7]{font-size:.75rem;opacity:.7;white-space:nowrap}.doc-item.active .doc-date[data-v-696317e7]{opacity:.9}.docs-content[data-v-696317e7]{flex:1;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;height:100vh}.document-content[data-v-696317e7]{display:flex;height:100%;gap:0}.toc-sidebar[data-v-696317e7]{width:280px;min-width:280px;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.95) 100%);border-right:1px solid rgba(102,126,234,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:2px 0 10px #667eea0d}.toc-header[data-v-696317e7]{padding:1.5rem;border-bottom:1px solid rgba(102,126,234,.1);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%);flex-shrink:0}.toc-title[data-v-696317e7]{font-size:1.1rem;font-weight:600;color:var(--primary-blue);margin:0}.back-btn[data-v-696317e7]{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn[data-v-696317e7]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.toc-nav[data-v-696317e7]{flex:1;overflow-y:auto;padding:1rem 0}.toc-list[data-v-696317e7]{list-style:none;padding:0;margin:0}.toc-item[data-v-696317e7]{margin:0}.toc-link[data-v-696317e7]{display:block;padding:.5rem 1.5rem;color:var(--text-gray);text-decoration:none;font-size:.9rem;line-height:1.4;transition:all .2s ease;border-left:3px solid transparent}.toc-link[data-v-696317e7]:hover{color:var(--primary-blue);background:rgba(102,126,234,.05);border-left-color:#667eea4d}.toc-link.toc-active[data-v-696317e7]{color:var(--primary-blue);background:rgba(102,126,234,.1);border-left-color:var(--primary-blue);font-weight:600}.toc-level-1 .toc-link[data-v-696317e7]{padding-left:1.5rem;font-weight:600}.toc-level-2 .toc-link[data-v-696317e7]{padding-left:2rem}.toc-level-3 .toc-link[data-v-696317e7]{padding-left:2.5rem;font-size:.85rem}.toc-level-4 .toc-link[data-v-696317e7]{padding-left:3rem;font-size:.85rem}.toc-level-5 .toc-link[data-v-696317e7]{padding-left:3.5rem;font-size:.8rem}.toc-level-6 .toc-link[data-v-696317e7]{padding-left:4rem;font-size:.8rem}.toc-empty[data-v-696317e7]{padding:2rem 1.5rem;text-align:center;color:var(--text-gray);font-size:.9rem}.article-content[data-v-696317e7]{flex:1;background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.98) 100%);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);overflow-y:auto;height:100%;position:relative}.post-header[data-v-696317e7]{padding:3rem 3rem 2rem;border-bottom:2px solid var(--gray-100);text-align:center;position:relative;background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(248,250,252,.9) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem}.post-title[data-v-696317e7]{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em}.post-meta[data-v-696317e7]{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;font-size:.9rem;color:var(--text-secondary)}.post-date[data-v-696317e7],.post-author[data-v-696317e7]{font-weight:500}.post-tags[data-v-696317e7]{display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-696317e7]{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.post-content[data-v-696317e7]{padding:0 3rem 3rem;line-height:1.8;font-size:1.1rem;color:var(--text-primary)}.welcome-content[data-v-696317e7]{padding:3rem;max-width:1000px;margin:0 auto}.welcome-header[data-v-696317e7]{text-align:center;margin-bottom:3rem}.welcome-title[data-v-696317e7]{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.welcome-subtitle[data-v-696317e7]{font-size:1.2rem;color:var(--text-secondary);font-weight:400;line-height:1.6}.stats-grid[data-v-696317e7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:4rem}.stat-card[data-v-696317e7]{background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(248,250,252,.9) 100%);padding:2rem;border-radius:20px;text-align:center;border:1px solid rgba(102,126,234,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #667eea14;transition:all .3s ease}.stat-card[data-v-696317e7]:hover{transform:translateY(-5px);box-shadow:0 12px 35px #667eea26}.stat-number[data-v-696317e7]{font-size:2.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:.5rem}.stat-label[data-v-696317e7]{font-size:1rem;color:var(--text-secondary);font-weight:500}.blog-cards-section[data-v-696317e7]{margin-top:3rem}.section-title[data-v-696317e7]{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;text-align:center}.section-subtitle[data-v-696317e7]{font-size:1rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem}.blog-cards-grid[data-v-696317e7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}@keyframes fadeInUp-696317e7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-card[data-v-696317e7]:nth-child(1){animation-delay:.1s}.blog-card[data-v-696317e7]:nth-child(2){animation-delay:.2s}.blog-card[data-v-696317e7]:nth-child(3){animation-delay:.3s}.blog-card[data-v-696317e7]:nth-child(4){animation-delay:.4s}.blog-card[data-v-696317e7]:nth-child(5){animation-delay:.5s}.blog-card[data-v-696317e7]:nth-child(6){animation-delay:.6s}.blog-card[data-v-696317e7]:nth-child(n+7){animation-delay:.7s}.blog-card[data-v-696317e7]{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.95) 100%);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(102,126,234,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:fadeInUp-696317e7 .6s ease forwards;height:100%;display:flex;flex-direction:column}.blog-card[data-v-696317e7]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.02) 0%,rgba(118,75,162,.02) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.blog-card[data-v-696317e7]:hover{transform:translateY(-8px);box-shadow:0 12px 40px #667eea26;border-color:#667eea33}.blog-card[data-v-696317e7]:hover:before{opacity:1}.card-header[data-v-696317e7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-category[data-v-696317e7]{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-date[data-v-696317e7]{font-size:.75rem;color:var(--text-secondary);font-weight:500}.card-content[data-v-696317e7]{margin-bottom:1.5rem}.card-title[data-v-696317e7]{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-excerpt[data-v-696317e7]{font-size:.875rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-696317e7]{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.card-author[data-v-696317e7]{display:flex;align-items:center;gap:.5rem}.author-avatar[data-v-696317e7]{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.author-name[data-v-696317e7]{font-size:.8rem;color:var(--text-secondary);font-weight:500}.card-tags[data-v-696317e7]{display:flex;gap:.5rem;flex-wrap:wrap}.card-tag[data-v-696317e7]{background:rgba(102,126,234,.1);color:var(--primary-blue);padding:.2rem .5rem;border-radius:8px;font-size:.7rem;font-weight:500}.card-overlay[data-v-696317e7]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.9) 0%,rgba(118,75,162,.9) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.blog-card:hover .card-overlay[data-v-696317e7]{opacity:1}.read-more-btn[data-v-696317e7]{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.read-more-btn[data-v-696317e7]:hover{background:rgba(255,255,255,.3);border-color:#ffffff80;transform:scale(1.05)}.document-content[data-v-696317e7]{height:100%}@media (max-width: 1024px){.docs-sidebar[data-v-696317e7]{width:300px;min-width:300px}.welcome-content[data-v-696317e7]{padding:2rem}.welcome-title[data-v-696317e7]{font-size:2.5rem}.blog-cards-grid[data-v-696317e7]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}}@media (max-width: 768px){.docs-layout[data-v-696317e7]{flex-direction:column}.docs-sidebar[data-v-696317e7]{width:100%;min-width:auto;height:auto;max-height:40vh;order:2}.docs-content[data-v-696317e7]{order:1;height:60vh}.welcome-content[data-v-696317e7]{padding:1.5rem}.welcome-title[data-v-696317e7]{font-size:2rem}.stats-grid[data-v-696317e7],.blog-cards-grid[data-v-696317e7]{grid-template-columns:1fr;gap:1rem}.blog-card[data-v-696317e7]{padding:1rem}.card-title[data-v-696317e7]{font-size:1.1rem}.card-excerpt[data-v-696317e7]{-webkit-line-clamp:2}}:root{--primary-blue: #0071e3;--light-blue: #5ac8fa;--dark-blue: #005cc5;--accent-blue: #007aff;--blue-50: #f0f7ff;--blue-100: #e6f0ff;--blue-500: #0071e3;--blue-600: #0066cc;--blue-700: #0052a3;--blue-900: #003a75;--gray-50: #f7f7f8;--gray-100: #eeeff2;--gray-200: #d2d2d7;--gray-300: #aeaeaf;--gray-400: #8e8e93;--gray-500: #636366;--gray-600: #3a3a3c;--gray-700: #2c2c2e;--gray-800: #1c1c1e;--gray-900: #121212;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-hero: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-dark: #1f2937;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .05), 0 10px 10px rgba(0, 0, 0, .02);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .08);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.75rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.7;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;scroll-behavior:smooth}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-xl)}@media (max-width: 768px){.container{padding:0 var(--space-lg)}}.navbar{background:rgba(255,255,255,.8);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,0,0,.05);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all var(--transition-normal);box-shadow:var(--shadow-xs)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);max-width:1280px;margin:0 auto}.logo{font-size:1.75rem;font-weight:800;color:var(--primary-blue);text-decoration:none;letter-spacing:-.025em;transition:all var(--transition-normal)}.logo:hover{color:var(--blue-600);transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:var(--space-2xl);align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;position:relative}.nav-link:hover{color:var(--primary-blue);background:var(--blue-50);transform:translateY(-1px)}.nav-link.active{color:var(--primary-blue);background:var(--blue-100);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--primary-blue);border-radius:1px}.main-content{margin-top:88px;min-height:calc(100vh - 88px)}.hero{background:var(--bg-hero);color:#fff;padding:var(--space-3xl) 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.hero .container{position:relative;z-index:1}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:var(--space-lg);line-height:1.1;letter-spacing:-.02em;opacity:0;animation:fadeInUp 1s ease forwards}.hero p{font-size:clamp(1.125rem,2vw,1.375rem);margin-bottom:var(--space-2xl);opacity:0;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;animation:fadeInUp 1s ease .3s forwards}.hero-buttons{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeInUp 1s ease .6s forwards}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-xl);text-decoration:none;font-weight:600;font-size:1rem;line-height:1;transition:all var(--transition-normal);cursor:pointer;border:none;position:relative;overflow:hidden;min-width:140px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn-primary{background:white;color:var(--primary-blue);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.08)}.btn-primary:hover{background:var(--gray-50);transform:translateY(-1px);box-shadow:var(--shadow-lg);border-color:#0000001a}.btn-outline{background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:rgba(255,255,255,.2);border-color:#ffffff80;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.section{padding:var(--space-3xl) 0;background:var(--bg-primary)}.section:nth-child(2n){background:var(--bg-secondary)}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;text-align:center;margin-bottom:var(--space-lg);color:var(--text-primary);letter-spacing:-.025em;line-height:1.2}.section-subtitle{font-size:clamp(1rem,2vw,1.25rem);text-align:center;margin-bottom:var(--space-3xl);color:var(--text-tertiary);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.card{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bg-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--gray-300)}.card:hover:before{transform:scaleX(1)}.card h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-md);color:var(--text-primary)}.card p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.grid{display:grid;gap:var(--space-2xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 768px){.grid{gap:var(--space-xl)}.grid-2,.grid-3{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s ease}.animate-on-scroll.animate{opacity:1;transform:translateY(0)}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-5px)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.fade-in{opacity:0;animation:fadeInUp .8s ease forwards}@media (max-width: 1024px){.container{padding:0 var(--space-lg)}.nav-container{padding:var(--space-md) var(--space-lg)}.hero,.section{padding:var(--space-2xl) 0}}@media (max-width: 768px){.nav-menu{display:none}.nav-container{padding:var(--space-md) var(--space-md)}.hero{padding:var(--space-xl) 0}.hero-buttons{flex-direction:column;align-items:center;gap:var(--space-md)}.btn{width:100%;max-width:280px}.section{padding:var(--space-xl) 0}.card{padding:var(--space-xl)}}@media (max-width: 480px){.container{padding:0 var(--space-md)}.nav-container{padding:var(--space-sm) var(--space-md)}.logo{font-size:1.5rem}.hero,.section{padding:var(--space-lg) 0}.card{padding:var(--space-lg);border-radius:var(--radius-lg)}.btn{padding:var(--space-sm) var(--space-lg);font-size:.9rem}}@media (max-width: 360px){.container{padding:0 var(--space-sm)}.hero h1{font-size:2rem}.section-title{font-size:1.75rem}}.footer{background:var(--gray-900);color:var(--gray-300);text-align:center;padding:var(--space-3xl) 0;margin-top:auto;border-top:1px solid var(--gray-800);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--bg-gradient)}.footer .container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.footer p{margin:0;font-size:.95rem;line-height:1.6}.footer .footer-links{display:flex;gap:var(--space-xl);margin-bottom:var(--space-md)}.footer .footer-links a{color:var(--gray-400);text-decoration:none;font-weight:500;transition:all var(--transition-normal);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.footer .footer-links a:hover{color:var(--blue-400);background:rgba(59,130,246,.1);transform:translateY(-2px)}.footer .copyright{color:var(--gray-500);font-size:.875rem}@media (max-width: 768px){.footer{padding:var(--space-2xl) 0}.footer .footer-links{flex-direction:column;gap:var(--space-md);text-align:center}}.blog-page{padding:var(--space-2xl) 0;background:var(--bg-secondary);min-height:calc(100vh - 88px)}.blog-list{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.blog-card{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bg-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--gray-300)}.blog-card:hover:before{transform:scaleX(1)}.blog-card h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary);line-height:1.3}.blog-card .meta{font-size:.9rem;color:var(--text-tertiary);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.blog-card .excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card .tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tag{background:var(--blue-50);color:var(--blue-700);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:.8rem;font-weight:600;border:1px solid var(--blue-200);transition:all var(--transition-fast)}.tag:hover{background:var(--blue-100);border-color:var(--blue-300)}.tag-filter{display:flex;gap:var(--space-md);margin-bottom:var(--space-3xl);flex-wrap:wrap;justify-content:center}.tag-filter button{background:var(--bg-primary);border:2px solid var(--gray-300);color:var(--text-secondary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);font-weight:600;font-size:.9rem}.tag-filter button:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tag-filter button.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;box-shadow:var(--shadow-lg)}.blog-post{max-width:900px;margin:0 auto;padding:var(--space-3xl);background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.blog-post h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:var(--space-lg);color:var(--text-primary);line-height:1.2;letter-spacing:-.025em}.blog-post .meta{font-size:1rem;color:var(--text-tertiary);margin-bottom:var(--space-3xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--gray-100);display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.back-button{background:var(--primary-blue);color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-xl);cursor:pointer;font-weight:600;font-size:.95rem;margin-bottom:var(--space-2xl);transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-md)}.back-button:hover{background:var(--blue-700);transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.blog-list{grid-template-columns:1fr;gap:var(--space-xl)}.blog-post{padding:var(--space-xl);margin:0 var(--space-md)}.tag-filter{gap:var(--space-sm)}.tag-filter button{padding:var(--space-xs) var(--space-md);font-size:.85rem}}.blog-content{line-height:1.85;color:var(--text-primary);font-size:1.125rem;font-weight:400;max-width:none}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{margin:var(--space-2xl) 0 var(--space-lg) 0;font-weight:700;line-height:1.3;color:var(--text-primary);position:relative;letter-spacing:-.025em}.blog-content h1:first-child,.blog-content h2:first-child,.blog-content h3:first-child{margin-top:0}.blog-content h1{font-size:2.25rem;border-bottom:3px solid var(--gray-200);padding-bottom:var(--space-md);margin-bottom:var(--space-xl)}.blog-content h2{font-size:1.875rem;border-bottom:2px solid var(--gray-100);padding-bottom:var(--space-sm);margin-bottom:var(--space-lg)}.blog-content h3{font-size:1.5rem;color:var(--text-secondary)}.blog-content h4{font-size:1.25rem;color:var(--text-secondary)}.blog-content h5{font-size:1.125rem}.blog-content h6{font-size:1rem;color:var(--text-tertiary)}.blog-content p{margin:1.75rem 0;line-height:1.85;text-align:justify;text-justify:inter-word}.blog-content ul,.blog-content ol{margin:var(--space-lg) 0;padding-left:var(--space-2xl)}.blog-content li{margin:var(--space-sm) 0;line-height:1.7}.blog-content li::marker{color:var(--primary-blue)}.blog-content li>p{margin:var(--space-sm) 0}.blog-content a{color:var(--primary-blue);text-decoration:none;font-weight:500;transition:all var(--transition-normal);border-bottom:1px solid transparent}.blog-content a:hover{color:var(--blue-700);border-bottom-color:var(--primary-blue)}.blog-content strong{font-weight:700;color:var(--text-primary)}.blog-content em{font-style:italic;color:var(--text-secondary)}.blog-content hr{margin:var(--space-3xl) 0;border:none;height:2px;background:var(--gray-200);border-radius:1px}.blog-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-xl) 0;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.blog-content blockquote{margin:2.5rem 0;padding:2rem 2.5rem;background:linear-gradient(135deg,rgba(102,126,234,.03) 0%,rgba(118,75,162,.03) 100%);border-radius:0 20px 20px 0;position:relative;box-shadow:0 8px 25px #667eea14;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(102,126,234,.1);border-left:5px solid var(--primary-blue)}.blog-content blockquote:before{content:'"';position:absolute;top:1rem;left:1rem;font-size:3rem;color:var(--primary-blue);opacity:.3;font-family:Georgia,serif;line-height:1}.blog-content blockquote>p{margin:0;font-style:italic;color:var(--text-secondary);font-size:1.05rem;position:relative;z-index:1}.blog-content code{background:var(--gray-100);color:var(--blue-700);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,Monaco,Consolas,Courier New,monospace;font-size:.9rem;font-weight:500;border:1px solid var(--gray-200)}.blog-content pre{background:linear-gradient(135deg,#1e1e1e 0%,#2d2d2d 100%);border-radius:16px;overflow-x:auto;margin:2.5rem 0;position:relative;box-shadow:0 12px 30px #00000026,0 4px 8px #0000001a;border:1px solid rgba(255,255,255,.1)}.blog-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-blue),var(--blue-600),var(--accent-blue));border-radius:16px 16px 0 0}.blog-content .hljs{background:#1a202c;color:#e2e8f0;font-family:Fira Code,Monaco,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.6;padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:var(--radius-lg);border:1px solid #2d3748;box-shadow:var(--shadow-lg);overflow-x:auto;position:relative}.blog-content :not(pre)>code{background:var(--gray-100);color:var(--text-primary);padding:.2em .4em;border-radius:var(--radius-sm);font-family:Fira Code,Monaco,Consolas,Courier New,monospace;font-size:.875em;border:1px solid var(--gray-200);font-weight:500}.blog-content pre{position:relative}.blog-content pre:hover .copy-button{opacity:1}.copy-button{position:absolute;top:.5rem;right:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#e2e8f0;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;opacity:0;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.copy-button:hover{background:rgba(255,255,255,.2);border-color:#ffffff4d}.blog-content .hljs code{background:none;color:inherit;font-size:inherit;padding:0;border-radius:0;border:none;box-shadow:none;font-family:inherit}.blog-content .hljs-comment,.blog-content .hljs-quote{color:#8b949e;font-style:italic}.blog-content .hljs-keyword,.blog-content .hljs-selector-tag,.blog-content .hljs-subst{color:#ff7b72;font-weight:600}.blog-content .hljs-number,.blog-content .hljs-literal,.blog-content .hljs-variable,.blog-content .hljs-template-variable,.blog-content .hljs-tag .hljs-attr{color:#79c0ff}.blog-content .hljs-string,.blog-content .hljs-doctag{color:#a5d6ff}.blog-content .hljs-title,.blog-content .hljs-section,.blog-content .hljs-selector-id{color:#d2a8ff;font-weight:600}.blog-content .hljs-type,.blog-content .hljs-class .hljs-title{color:#ffa657}.blog-content .hljs-tag,.blog-content .hljs-name,.blog-content .hljs-attribute{color:#7ee787}.blog-content .hljs-regexp,.blog-content .hljs-link{color:#a5d6ff}.blog-content .hljs-symbol,.blog-content .hljs-bullet{color:#79c0ff}.blog-content .hljs-built_in,.blog-content .hljs-builtin-name{color:#ffa657}.blog-content .hljs-meta{color:#8b949e}.blog-content .hljs-deletion{background:#ffeef0;color:#82071e}.blog-content .hljs-addition{background:#f0fff4;color:#22863a}.blog-content .hljs-emphasis{font-style:italic}.blog-content .hljs-strong{font-weight:700}.blog-content .table-container{overflow-x:auto;margin:1.5rem 0}.blog-content table{width:100%;border-collapse:collapse;background:white;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0}.blog-content th,.blog-content td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.blog-content th{background:#f6f8fa;color:#24292f;font-weight:600;border-bottom:2px solid #d1d9e0}.blog-content tr:last-child td{border-bottom:none}.blog-content .custom-container{margin:1.5rem 0;padding:1rem 1.5rem;border-radius:var(--radius-lg);border-left:none;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05)}.blog-content .custom-container-title{font-weight:600;margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.blog-content .custom-container.tip{background:#f0f9ff;border-left-color:#0ea5e9;color:#0c4a6e}.blog-content .custom-container.warning{background:#fffbeb;border-left-color:#f59e0b;color:#92400e}.blog-content .custom-container.danger{background:#fef2f2;border-left-color:#ef4444;color:#991b1b}.blog-content .custom-container.info{background:#f0f9ff;border-left-color:#3b82f6;color:#1e40af}@media (max-width: 768px){.blog-content{font-size:14px}.blog-content h1{font-size:1.875rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content pre code{padding:1rem;font-size:13px}.blog-content .custom-container{padding:.75rem 1rem}.blog-content th,.blog-content td{padding:.5rem .75rem;font-size:.875rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.mb-6{margin-bottom:var(--space-2xl)}.mb-8{margin-bottom:var(--space-3xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mt-6{margin-top:var(--space-2xl)}.mt-8{margin-top:var(--space-3xl)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.p-6{padding:var(--space-2xl)}.p-8{padding:var(--space-3xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.gap-4{gap:var(--space-lg)}.gap-5{gap:var(--space-xl)}.gap-6{gap:var(--space-2xl)}.gap-8{gap:var(--space-3xl)}.w-full{width:100%}.h-full{height:100%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.whitespace-nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::-webkit-scrollbar-corner{background:transparent}::selection{background:rgba(0,113,227,.2);color:var(--primary-blue)}::-moz-selection{background:rgba(0,113,227,.2);color:var(--primary-blue)}:focus{outline:2px solid var(--blue-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.home-page .hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);color:#fff;padding:6rem 0 4rem;text-align:center;min-height:70vh;display:flex;align-items:center;position:relative;overflow:hidden}.home-page .hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.home-page .hero h1{font-size:3.5rem;margin-bottom:1.5rem;font-weight:700;letter-spacing:-.02em}.home-page .hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.home-page .hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-page .intro-card-title{color:var(--primary-blue);margin-bottom:1rem;font-size:1.5rem}.home-page .intro-card-text{color:var(--text-gray);line-height:1.6;margin-bottom:1rem}.home-page .intro-card-text:last-child{margin-bottom:0}.home-page .feature-cards{margin-top:3rem}.home-page .feature-card{text-align:center}.home-page .feature-icon{font-size:3rem;margin-bottom:1rem}.home-page .feature-title{color:var(--primary-blue);margin-bottom:.5rem}.home-page .feature-description{color:var(--text-gray);font-size:.9rem}.home-page .section-white{background:var(--bg-white)}.home-page .tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.home-page .tech-category h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.2rem}.home-page .tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.home-page .tech-tag{background:var(--bg-light);color:var(--primary-blue);padding:.5rem 1rem;border-radius:1.5rem;font-size:.9rem;font-weight:500;transition:all .3s ease}.home-page .tech-tag:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.home-page .text-center{text-align:center}.about-hero{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));color:#fff;text-align:center;padding:4rem 0}.about-hero h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.about-hero p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.section-white{background:var(--bg-white)}.skill-card-title{color:var(--primary-blue);margin-bottom:1rem;font-size:1.5rem}.skill-card-text{color:var(--text-gray);margin-bottom:1rem}.skill-list{list-style:none;padding:0}.skill-list-item{margin-bottom:.5rem;padding-left:1rem;position:relative}.skill-list-bullet{position:absolute;left:0;color:var(--primary-blue)}.about-page .page-header{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));color:#fff;padding:4rem 0 2rem;text-align:center}.about-page .page-title{font-size:3rem;margin-bottom:1rem;font-weight:700}.about-page .skill-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.about-page .skill-name{font-weight:600;color:var(--text-dark)}.about-page .skill-level{color:var(--primary-blue);font-weight:600}.about-page .skill-bar{height:8px;background:var(--bg-light);border-radius:4px;overflow:hidden}.about-page .skill-progress{height:100%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);transition:width 1s ease;border-radius:4px}.about-page .story-content{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.about-page .story-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:rgba(255,255,255,.8);border-radius:1rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.about-page .story-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.about-page .story-icon{font-size:3rem;min-width:4rem;text-align:center}.about-page .story-text h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.25rem}.about-page .story-text p{color:var(--text-gray);line-height:1.6}.about-page .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.about-page .skill-item{background:rgba(255,255,255,.8);padding:1.5rem;border-radius:1rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.about-page .skill-item:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000026}.portfolio-page .page-header{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));color:#fff;text-align:center;padding:4rem 0}.portfolio-page .page-title{font-size:3rem;margin-bottom:1rem;font-weight:700}.portfolio-page .page-subtitle{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.project-image{height:200px;border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}.project-image-enterprise{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue))}.project-image-analytics{background:linear-gradient(135deg,var(--accent-blue),var(--light-blue))}.project-image-microservice{background:linear-gradient(135deg,var(--light-blue),var(--accent-blue))}.project-title{color:var(--primary-blue);margin-bottom:.5rem}.project-description{color:var(--text-gray);margin-bottom:1rem}.tech-tags-container{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tech-tag{background:var(--bg-light);color:var(--primary-blue);padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}.portfolio-page .project-features{margin-top:1rem}.portfolio-page .project-features h4{color:var(--text-dark);margin-bottom:.5rem;font-size:1rem}.portfolio-page .project-features ul{color:var(--text-gray);padding-left:1rem}.portfolio-page .project-features li{margin-bottom:.25rem}.portfolio-page .gallery-image{height:250px;border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:4rem}.portfolio-page .gallery-title{color:var(--primary-blue);margin-bottom:.5rem}.portfolio-page .gallery-description{color:var(--text-gray)}.portfolio-page .achievements-timeline{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;position:relative}.portfolio-page .achievements-timeline:before{content:"";position:absolute;left:2rem;top:0;bottom:0;width:2px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%)}.portfolio-page .achievement-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:rgba(255,255,255,.8);border-radius:1rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;margin-left:4rem}@media (max-width: 768px){.home-page .hero{padding:4rem 0 3rem;min-height:60vh}.home-page .hero h1{font-size:2.5rem}.home-page .hero p{font-size:1.1rem}.home-page .hero-buttons{flex-direction:column;align-items:center}.home-page .hero-buttons .btn{width:200px}.home-page .tech-stack{grid-template-columns:1fr;gap:1.5rem}.home-page .feature-cards{margin-top:2rem}}@media (max-width: 480px){.home-page .hero h1{font-size:2rem}.home-page .intro-card-title{font-size:1.25rem}.home-page .feature-icon{font-size:2.5rem}}