body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:620px;min-height:calc(100vh - 5rem);padding:2rem;position:relative;text-align:center}.profile-container{text-align:left}.profile-bio,.profile-container,.profile-name,.profile-title{margin-bottom:.5rem}.profile-picture{border-radius:50%;height:150px;margin-bottom:1rem;object-fit:cover;width:150px}.profile-name{margin-bottom:.5rem}.links-container{box-sizing:border-box;flex-wrap:wrap;gap:1rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:450px}.icon-link,.links-container{display:flex;justify-content:center;width:100%}.icon-link{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;color:#333;font-size:16px;font-weight:700;height:50px;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.icon-link:hover{background-color:#fafafa;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.icon-link svg{margin-right:.5rem}.text-link{color:#06c;font-weight:500;text-decoration:none;transition:all .2s ease}.text-link:hover{color:#004c99;text-decoration:underline}@media (min-width:600px){.links-container{justify-content:flex-start}.icon-link{width:200px}}.footer{bottom:0;left:0;position:relative;width:100%}.profile-bio{color:#666;font-size:14px;margin-bottom:2rem}.dark-mode-toggle{align-items:center;background:#007bff;border:none;border-radius:50px;bottom:2rem;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;padding:.75rem 1rem;position:fixed;right:8rem;transition:all .3s ease;z-index:1000}.dark-mode-toggle:hover{box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}[data-theme=dark] .container{background-color:#1a1a1a}[data-theme=dark] .dark-mode-toggle{background:#4da6ff}[data-theme=dark] .dark-mode-toggle:hover{background:#66b3ff}[data-theme=dark] .profile-name{color:#fff}[data-theme=dark] .profile-bio{color:#b0b0b0}[data-theme=dark] .text-link{color:#4da6ff}[data-theme=dark] .text-link:hover{color:#66b3ff}[data-theme=dark] .icon-link{background:#2d2d2d;color:#e0e0e0}[data-theme=dark] .icon-link:hover{background:#404040;transform:translateY(-2px)}[data-theme=dark] .footer{color:#888}[data-theme=dark] .footer a{color:#4da6ff}.blog-list-container{margin:0 auto;max-width:800px;padding:2rem 1rem}.blog-list-container h1{color:#333;margin:0}.header-with-search{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.header-with-search h1{flex:1 1}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.post-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.post-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.post-item h2{color:#333;font-size:1.5rem;margin:0 0 .5rem}.post-date{color:#999;font-size:.9rem;margin-right:1rem}.post-meta{align-items:center;display:flex;margin-bottom:.75rem}.post-description{color:#666;line-height:1.6;margin:0 0 1rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin:2rem 0}.pagination-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background:#0056b3}.pagination-btn:disabled{background:#ccc;cursor:not-allowed}.pagination-info{color:#666;font-weight:500}.tag-filter{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.clear-filter{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.25rem .75rem;transition:background-color .2s}.clear-filter:hover{background:#c82333}.tag{cursor:pointer;transition:background-color .2s}.tag:hover{background:#e0e0e0}.search-container{margin-bottom:0}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:300px}.search-input:focus{border-color:#007bff;outline:none}.search-results-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1565c0;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem}[data-theme=dark] .blog-list-container{background-color:#1a1a1a}[data-theme=dark] .blog-list-container h1{color:#fff}[data-theme=dark] .search-input{background:#2d2d2d;border-color:#555;color:#e0e0e0}[data-theme=dark] .search-input:focus{border-color:#4da6ff}[data-theme=dark] .search-results-info{background:#1e3a5f;border-color:#2d5a87;color:#87ceeb}[data-theme=dark] .tag-filter{background:#2d2d2d;border-color:#555}[data-theme=dark] .clear-filter{background:#dc3545}[data-theme=dark] .clear-filter:hover{background:#c82333}[data-theme=dark] .post-item{background:#2d2d2d;border-color:#555;color:#e0e0e0}[data-theme=dark] .post-item:hover{background:#404040}[data-theme=dark] .post-item h2{color:#fff}[data-theme=dark] .post-date{color:#888}[data-theme=dark] .post-description{color:#b0b0b0}[data-theme=dark] .tag{background:#404040;color:#e0e0e0}[data-theme=dark] .tag:hover{background:#555}[data-theme=dark] .pagination-btn{background:#4da6ff}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:#66b3ff}[data-theme=dark] .pagination-btn:disabled{background:#555}[data-theme=dark] .pagination-info{color:#b0b0b0}.blog-container{margin:0 auto;max-width:800px;padding:2rem 1rem}.back-link{color:#06c;display:inline-block;font-size:1rem;margin-bottom:2rem;text-decoration:none}.back-link:hover{text-decoration:underline}.blog-post{background:#fff}.cover-image{border-radius:8px;height:auto;margin-bottom:1.5rem;max-height:400px;object-fit:cover;width:100%}.blog-post{border:1px solid #e0e0e0;border-radius:12px;margin-top:1rem;padding:2rem}.blog-post h1{color:#333;margin-bottom:.5rem}.blog-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:.5rem}.blog-date{color:#999;font-size:.9rem;margin-right:1rem}.blog-meta{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.reading-time{background:#f0f0f0;border-radius:12px;color:#666;font-size:.85rem;padding:.25rem .5rem}.copy-link-btn{background:#007bff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:background-color .2s}.copy-link-btn:hover{background:#0056b3}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{background:#f0f0f0;border-radius:20px;color:#333;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.blog-content{color:#333;line-height:1.8}.blog-content h2{color:#333;margin-bottom:1rem;margin-top:2rem}.blog-content h3{color:#333;margin-bottom:.75rem;margin-top:1.5rem}.blog-content a{color:#06c;text-decoration:none}.blog-content a:hover{text-decoration:underline}.blog-content code{background:#f5f5f5;border-radius:4px;color:#333;font-family:monospace;padding:.2rem .4rem}.blog-content pre{background:#f5f5f5;border-radius:8px;overflow-x:auto;padding:1rem}.blog-content pre code{background:none;padding:0}.blog-content iframe,.blog-content img{border-radius:8px;max-width:100%}.blog-content iframe{margin:1rem 0}.social-embed{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:1rem 0;padding:1rem}.social-embed a{color:#06c;font-weight:500;text-decoration:none}.social-embed a:hover{text-decoration:underline}.instagram-position{margin:1rem 0}.instagram-position iframe{border-radius:8px}.blog-content ol,.blog-content ul{margin-left:1.5rem}.blog-content blockquote{border-left:4px solid #06c;color:#666;margin-left:0;padding-left:1rem}.footer{color:#666;font-size:12px;margin-top:4rem;padding:1rem;text-align:center}.footer a{color:#06c;text-decoration:none}.footer a:hover{text-decoration:underline}.breadcrumb{color:#666;font-size:.9rem;margin-bottom:1rem}.breadcrumb a{color:#06c;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:#999}.related-posts{border-top:1px solid #e0e0e0;margin-top:3rem;padding-top:2rem}.related-posts h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.related-posts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.related-post-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.related-post-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.related-post-item h3{color:#333;font-size:1.1rem;line-height:1.4;margin:0 0 .5rem}.related-post-date{color:#666;display:block;font-size:.85rem;margin-bottom:.75rem}.related-post-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.table-of-contents{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.table-of-contents h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.table-of-contents ul{list-style:none;margin:0;padding:0}.table-of-contents li{margin-bottom:.5rem}.table-of-contents a{color:#007bff;text-decoration:none;transition:color .2s}.table-of-contents a:hover{color:#0056b3;text-decoration:underline}.toc-level-1{font-weight:600;padding-left:0}.toc-level-2{padding-left:1rem}.toc-level-3{padding-left:2rem}.toc-level-4{padding-left:3rem}.back-to-top{background:#007bff;border:none;border-radius:50px;bottom:2rem;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;position:fixed;right:2rem;transition:all .3s ease;z-index:1000}.back-to-top:hover{background:#0056b3;box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}[data-theme=dark]{color:#e0e0e0}[data-theme=dark],[data-theme=dark] .blog-container{background-color:#1a1a1a}[data-theme=dark] .breadcrumb{color:#b0b0b0}[data-theme=dark] .breadcrumb a{color:#4da6ff}[data-theme=dark] .breadcrumb span{color:#888}[data-theme=dark] .blog-post{background:#2d2d2d}[data-theme=dark] .blog-post h1{color:#fff}[data-theme=dark] .blog-description{color:#b0b0b0}[data-theme=dark] .blog-date{color:#888}[data-theme=dark] .reading-time{background:#404040;color:#b0b0b0}[data-theme=dark] .copy-link-btn{background:#4da6ff}[data-theme=dark] .copy-link-btn:hover{background:#66b3ff}[data-theme=dark] .table-of-contents{background:#404040;border-color:#555}[data-theme=dark] .table-of-contents h3{color:#fff}[data-theme=dark] .table-of-contents a{color:#4da6ff}[data-theme=dark] .table-of-contents a:hover{color:#66b3ff}[data-theme=dark] .blog-tags .tag{background:#404040;color:#e0e0e0}[data-theme=dark] .blog-tags .tag:hover{background:#555}[data-theme=dark] .blog-content{color:#e0e0e0}[data-theme=dark] .blog-content h2,[data-theme=dark] .blog-content h3,[data-theme=dark] .blog-content h4{color:#fff}[data-theme=dark] .blog-content a{color:#4da6ff}[data-theme=dark] .blog-content a:hover{color:#66b3ff}[data-theme=dark] .blog-content blockquote{background:#404040;border-left-color:#4da6ff;color:#b0b0b0}[data-theme=dark] .blog-content code{background:#404040;color:#e0e0e0}[data-theme=dark] .blog-content pre{background:#2d2d2d;color:#e0e0e0}[data-theme=dark] .related-posts{border-top-color:#555}[data-theme=dark] .related-posts h2{color:#fff}[data-theme=dark] .related-post-item{background:#404040;border-color:#555}[data-theme=dark] .related-post-item:hover{background:#4a4a4a}[data-theme=dark] .related-post-item h3{color:#fff}[data-theme=dark] .related-post-date{color:#888}[data-theme=dark] .related-post-description{color:#b0b0b0}[data-theme=dark] .back-to-top{background:#4da6ff}[data-theme=dark] .back-to-top:hover{background:#66b3ff}.image-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{max-height:90%;max-width:90%;position:relative}.modal-content img{max-height:100%;max-width:100%;object-fit:contain}.modal-close{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;width:30px}[data-theme=dark] .modal-close{background:#333;color:#fff}
/*# sourceMappingURL=main.aa593b7d.css.map*/