.scroll-to-top{position:fixed;right:20px;bottom:20px;background-color:#1e1e1e;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #242535;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999}.scroll-to-top:hover{background-color:#2a2a2a;transform:translateY(0) scale(1.1)}.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width:768px){.scroll-to-top{right:15px;bottom:15px;width:35px;height:35px}}.blog-wrapper{display:flex;gap:24px;justify-content:space-between}.side{border-radius:12px}.side-left{flex:0 0 65%}.side-right{background-color:#1e1e1e;flex:0 0 33%;padding:24px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:94px}.side-right .empty-message{color:#97989f;font-size:1rem;text-align:center}.hero-blog{position:relative}.hero-blog img{width:100%;height:100%;object-fit:cover;border-radius:12px}.hero-blog .content{max-width:50%;z-index:2;position:absolute;bottom:-10%;left:5%;padding:30px;background-color:#202127;border-radius:12px;border:1px solid #242535;display:flex;flex-direction:column;gap:24px}.hero-blog .content-top{display:flex;gap:16px;flex-direction:column}.hero-blog .content-top .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;font-size:1.5rem;line-height:26px;overflow:hidden}.hero-blog .content-top a{width:-moz-fit-content;width:fit-content}.blog-card__meta,.hero-blog .content-bottom{display:flex;justify-content:space-between}.blog-card__meta span,.hero-blog .content-bottom span{color:#97989f;font-size:.9rem;font-weight:500;line-height:20px}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.blog-list.inline{grid-template-columns:repeat(1,1fr)}.blog-card{background-color:#1e1e1e;border-radius:12px;padding:16px;border:1px solid #242535;display:flex;flex-direction:column;gap:16px;transition:all .5s ease-in}.blog-card.inline{flex-direction:row;gap:16px}.blog-card.recent:hover{background:#2a2a2a}.blog-card__img img{width:100%;height:100%;object-fit:cover;border-radius:6px;height:240px}.blog-card__content{padding:8px}.blog-card__title{margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;font-size:1.1rem;line-height:26px;overflow:hidden;transition:all .3s ease}.blog-card-skeleton.recent{background:#2a2a2a;border-radius:12px;padding:16px;border:1px solid #242535;height:-moz-fit-content;height:fit-content;position:relative;overflow:hidden}.blog-card__title.recent{font-size:.9rem;margin-top:0}.blog-card__meta{margin-top:16px}.blog-card-skeleton{background-color:#1e1e1e;border-radius:12px;padding:16px;border:1px solid #242535;display:flex;flex-direction:column;gap:16px}.blog-card-skeleton__img{width:100%;aspect-ratio:3/2;border-radius:6px;background:#2a2a2a;position:relative;overflow:hidden}.blog-card-skeleton__content{padding:8px}.blog-card-skeleton__tag{width:80px;height:24px;background:#2a2a2a;border-radius:8px;position:relative;overflow:hidden}.blog-card-skeleton__title{margin-top:8px;display:flex;flex-direction:column;gap:8px}.blog-card-skeleton__title .skeleton-line{height:26px;background:#2a2a2a;border-radius:4px;position:relative;overflow:hidden}.blog-card-skeleton__title .skeleton-line:nth-child(2){width:85%}.blog-card-skeleton__title .skeleton-line:nth-child(3){width:70%}.blog-card-skeleton__meta{margin-top:16px;display:flex;justify-content:space-between}.blog-card-skeleton__meta .skeleton-line{height:20px;background:#2a2a2a;border-radius:4px;position:relative;overflow:hidden}.blog-card-skeleton__meta .skeleton-line:first-child{width:80px}.blog-card-skeleton__meta .skeleton-line:last-child{width:96px}.blog-card-skeleton__img:after,.blog-card-skeleton__tag:after,.skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05) 20%,hsla(0,0%,100%,.1) 60%,transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.search-input{width:100%;padding:12px 16px;border-radius:8px;background-color:#2a2a2a;border:1px solid #242535;color:#fff;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#56cbf5}.search-input::placeholder{color:#97989f}.search-input:focus::placeholder{color:#56cbf5}.search-filter{display:flex;gap:12px;margin-top:12px}.custom-select{position:relative;width:140px}.custom-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:10px 35px 10px 16px;font-size:14px;background:#2a2a2a;border:1px solid #242535;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.custom-select:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:2px solid transparent;border-right:2px solid transparent;border-top:2px solid #888;pointer-events:none}.custom-select select option{padding:12px;background:#2a2a2a;color:#fff}.custom-select select:hover{border-color:#4a4a4a}.custom-select select:focus{outline:none;border-color:#56cbf5;box-shadow:0 0 0 3px rgba(74,158,255,.2)}.reset-filter{flex:1 1;background-color:#2a2a2a;border:1px solid #242535;border-radius:8px;padding:10px 16px;color:#fff;cursor:pointer;transition:all .3s ease}.reset-filter:hover{background-color:#4a4a4a}.recent-views-bar .title{font-size:1.5rem;line-height:26px;margin-bottom:16px}.no-posts{grid-column:1/-1;grid-row-start:1;grid-row-end:3;padding:60px;display:flex;align-items:center;justify-content:center}.shares{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.75rem;z-index:10}.share-btn{width:2.5rem;height:2.5rem;border-radius:.5rem;background-color:rgba(31,41,55,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#e5e7eb;border:1px solid rgba(156,163,175,.1);transition:all .2s ease;padding:.5rem}.share-btn,.share-btn button{display:flex;align-items:center;justify-content:center}.share-btn:hover{background-color:rgba(55,65,81,.9);transform:translateY(-2px)}.share-btn svg{width:100%;height:100%;border-radius:8px}.share-btn .check{color:#4fd1c5;animation:scaleUp .2s ease}@keyframes scaleUp{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:1280px){.shares{position:static;flex-direction:row;transform:none;justify-content:center;margin:2rem 0}}@media (max-width:640px){.share-btn{width:2.25rem;height:2.25rem}.share-btn svg{width:1rem;height:1rem}}.blog-details{width:100%;font-family:Inter,Roboto,Segoe UI,Arial,Helvetica Neue,sans-serif!important}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6,.blog-header h1,.blog-header h2,.blog-header h3,.blog-header h4,.blog-header h5,.blog-header h6{font-family:Inter,Roboto,Segoe UI,Arial,Helvetica Neue,sans-serif!important;font-weight:700;letter-spacing:-.01em;text-transform:unset}.blog-header{text-align:center;margin-bottom:3rem}.blog-header h2{font-size:2rem;line-height:1.2;font-weight:700;margin:1.5rem 0;color:#e5e7eb;letter-spacing:-.02em}.blog-header .meta-info{color:#9ca3af;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:1rem}.blog-header .meta-info span{display:flex;align-items:center;gap:.5rem}.blog-content{max-width:768px;margin:0 auto;color:#e5e7eb;font-size:1.125rem;line-height:1.8}.blog-content p{margin-bottom:1.5rem}.blog-content h2{font-size:1.875rem;font-weight:700;margin:2.5rem 0 1.5rem;color:#f3f4f6}.blog-content h3{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:#f3f4f6}.blog-content ol,.blog-content ul{margin:1.5rem 0;padding-left:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content blockquote{border-left:4px solid #4fd1c5;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#9ca3af}.blog-content pre{background:rgba(31,41,55,.5);padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0}.blog-content code{font-family:monospace;font-size:.875rem}.blog-content img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0}.blog-content a{color:#4fd1c5;text-decoration:none;transition:color .2s ease}.blog-content a:hover{color:#2dd4bf}.blog-meta{margin:3rem 0;padding-top:2rem;border-top:1px solid rgba(156,163,175,.1)}.blog-meta .tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-footer{margin-top:4rem;border-top:1px solid rgba(156,163,175,.1);padding-top:3rem}.related-posts{margin:3rem 0}.related-posts h3{font-size:1.5rem;font-weight:600;color:#f3f4f6;margin-bottom:1.5rem}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.related-post-card{background:rgba(31,41,55,.5);border-radius:.75rem;overflow:hidden;transition:transform .2s ease}.related-post-card:hover{transform:translateY(-4px)}.related-post-image{position:relative;width:100%;height:150px}.related-post-content{padding:1rem}.related-post-title{font-size:1rem;font-weight:500;color:#f3f4f6;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-meta{font-size:.75rem;color:#9ca3af}.post-navigation{display:flex;justify-content:space-between;margin:3rem 0;gap:1rem}.nav-item{flex:1 1;padding:1.5rem;background:rgba(31,41,55,.5);border-radius:.75rem;transition:all .2s ease;text-decoration:none}.nav-item:hover{background:rgba(55,65,81,.5)}.nav-item.prev{text-align:left}.nav-item.next{text-align:right}.nav-label{font-size:.875rem;color:#9ca3af;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.nav-title{font-size:1rem;font-weight:500;color:#f3f4f6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.footer-tags{margin:2rem 0}.footer-tags h4{font-size:1rem;color:#9ca3af;margin-bottom:1rem}.tags-grid{display:flex;flex-wrap:wrap;gap:.5rem}.contact-section{margin:3rem 0;padding:2rem;background:rgba(31,41,55,.5);border-radius:1rem}.contact-section h3{font-size:1.5rem;font-weight:600;color:#f3f4f6;margin-bottom:1rem}.contact-description{color:#9ca3af;font-size:.875rem;margin-bottom:2rem}.contact-form{gap:1.5rem;max-width:500px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#e5e7eb}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background:rgba(17,24,39,.5);border:1px solid rgba(75,85,99,.5);border-radius:.5rem;color:#e5e7eb;font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 2px rgba(79,209,197,.2)}.form-group textarea{min-height:120px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280}.submit-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:#4fd1c5;color:#1a202c;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;gap:.5rem}.submit-button:hover{background:#2dd4bf;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-button svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-group.error input,.form-group.error textarea{border-color:#ef4444}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.success-message{margin-top:1rem;padding:1rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:.5rem;color:#34d399;font-size:.875rem;display:flex;align-items:center;gap:.5rem}@media (max-width:768px){.related-posts-grid{grid-template-columns:repeat(2,1fr)}.post-navigation{flex-direction:column}.nav-item.next{text-align:left}}@media (max-width:640px){.related-posts-grid{grid-template-columns:1fr}}@media (max-width:768px){.blog-header h2{font-size:2rem}.blog-cover{height:300px}.blog-content{font-size:1rem}}@media (max-width:640px){.blog-header h2{font-size:1.5rem}.blog-cover{height:200px;margin:1.5rem 0}.blog-meta{margin:2rem 0}}@media (max-width:1440px){.hero-blog .content .title{font-size:1.2rem;-webkit-line-clamp:2;line-clamp:2;line-height:24px;transition:all .3s ease}.blog-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.hero-blog .content{max-height:50%;padding:15px}.blog-wrapper{flex-direction:column-reverse}.side-right{position:static}.recent-views-bar{display:none}}@media (max-width:768px){.hero-blog{display:none}.blog-list{margin-top:0;grid-template-columns:repeat(1,1fr)}.search-filter{flex-direction:column}.custom-select{width:100%}.blog-container{margin-top:2rem}}