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}.header-container{align-items:center;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#0000;display:flex;justify-content:center;left:0;margin:0;padding:0 16px;position:fixed;right:0;top:0;width:100%;z-index:999}.header-container .absulute-bg{background:#00ff73;filter:blur(100px);height:100%;margin:0;position:absolute;width:100%;z-index:-2}.header-container .header-content{align-items:center;display:flex;justify-content:space-between;max-width:1400px;padding:0;width:100%}.header-container .header-content .center{align-items:center;display:flex;gap:8px}.header-container .header-content .center a{color:#000;text-decoration:none}.header-container .header-content .right{margin:0;padding-right:42px}.header-container .header-content .right .avtar-menu{background-color:#00ff73;border-radius:50%;color:#000;cursor:pointer;padding:8px 12px}.header-container .header-content .open-cont{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:hsla(0,0%,97%,.644);border-radius:24px;display:flex;flex-direction:column;gap:8px;max-width:fit-content;padding:4px 16px;position:absolute;right:10%;top:100%;width:100%}.header-container .header-content .open-cont .top{display:flex;gap:8px}.header-container .header-content .open-cont .top .bt-a{background-color:#00ff73;border:1px solid #0000;border-radius:24px;color:#fff;cursor:pointer;padding:4px 16px}.header-container .header-content .open-cont .top .bt-a button{background:none;border:none;cursor:pointer}.header-container .header-content .open-cont .top .bt-a:hover{background-color:#00ff73bd;border:1px solid #c2c2c2;transition:1s ease}.header-container .header-content .open-cont .top .bt-b{background-color:#fff;border:1px solid #0000;border-radius:24px;cursor:pointer;padding:4px 16px}.header-container .header-content .open-cont .top .bt-b button{background:none;border:none;cursor:pointer}.header-container .header-content .open-cont .top .bt-b:hover{background-color:hsla(0,0%,100%,.322);border:1px solid #c2c2c2;transition:1s ease}.header-container .header-content .open-cont .bottom .links{padding:4px 16px;transition:1s ease-out}.header-container .header-content .open-cont .bottom .links a{color:#000;text-decoration:none}.header-container .header-content .open-cont .bottom .links:hover{background:rgba(0,255,115,.288);border-radius:8px;transition:1s ease}.footer-main{background-color:#fff;border-top:1px solid #eaeaea;color:#1a1a1a;padding-top:80px;width:100%}.footer-main .footer-container{margin:0 auto;max-width:1200px;padding:0 24px}.footer-main .footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.5fr 2fr;padding-bottom:60px}.footer-main .footer-grid .brand-section .logo{font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.footer-main .footer-grid .brand-section .logo span{color:#abe947}.footer-main .footer-grid .brand-section .description{color:#666;font-size:15px;line-height:1.6;max-width:360px}.footer-main .footer-grid .footer-nav{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.footer-main .footer-grid .footer-nav .link-group h4{color:#999;font-size:14px;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.footer-main .footer-grid .footer-nav .link-group ul{list-style:none;padding:0}.footer-main .footer-grid .footer-nav .link-group ul li{margin-bottom:12px}.footer-main .footer-grid .footer-nav .link-group ul li a{color:#444;font-size:15px;text-decoration:none;transition:color .2s ease}.footer-main .footer-grid .footer-nav .link-group ul li a:hover{color:#abe947}.footer-main .footer-bottom{align-items:center;border-top:1px solid #f0f0f0;color:#888;display:flex;font-size:14px;justify-content:space-between;padding:30px 0}.footer-main .footer-bottom span{color:#1a1a1a;font-weight:600}@media screen and (max-width:850px){.footer-main{padding-top:60px}.footer-main .footer-grid{gap:50px;grid-template-columns:1fr}.footer-main .footer-bottom{flex-direction:column;gap:16px;text-align:center}}@font-face{font-display:swap;font-family:Audiowide;font-style:normal;font-weight:400;src:url(/static/media/audiowide-latin-ext-400-normal.163e51edbf4baf351e77.woff2) format("woff2"),url(/static/media/audiowide-latin-ext-400-normal.ca275098fec164e7a6b0.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Audiowide;font-style:normal;font-weight:400;src:url(/static/media/audiowide-latin-400-normal.56cbe5a59cb6a30c3f06.woff2) format("woff2"),url(/static/media/audiowide-latin-400-normal.dace7f5dce8b5e16ce6d.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Comfortaa Variable;font-style:normal;font-weight:300 700;src:url(/static/media/comfortaa-cyrillic-ext-wght-normal.9789e3cfa2e7ff4148f1.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Comfortaa Variable;font-style:normal;font-weight:300 700;src:url(/static/media/comfortaa-cyrillic-wght-normal.c3bc270306386e276a9b.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Comfortaa Variable;font-style:normal;font-weight:300 700;src:url(/static/media/comfortaa-greek-wght-normal.4ad0cae7967b41fa120a.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Comfortaa Variable;font-style:normal;font-weight:300 700;src:url(/static/media/comfortaa-vietnamese-wght-normal.d80831598880a6880448.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Comfortaa Variable;font-style:normal;font-weight:300 700;src:url(/static/media/comfortaa-latin-ext-wght-normal.858388fd9ef4e3e7e7a7.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Comfortaa Variable;font-style:normal;font-weight:300 700;src:url(/static/media/comfortaa-latin-wght-normal.5ba90292c16d9fe5e8f0.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Bangers;font-style:normal;font-weight:400;src:url(/static/media/bangers-vietnamese-400-normal.df090776c8824f7e8435.woff2) format("woff2"),url(/static/media/bangers-vietnamese-400-normal.e96ba9415f6f8274d3a1.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Bangers;font-style:normal;font-weight:400;src:url(/static/media/bangers-latin-ext-400-normal.152ed218e25163609211.woff2) format("woff2"),url(/static/media/bangers-latin-ext-400-normal.f35a4e85669ebaa6dca8.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Bangers;font-style:normal;font-weight:400;src:url(/static/media/bangers-latin-400-normal.f8ec8497f00f1b48b69e.woff2) format("woff2"),url(/static/media/bangers-latin-400-normal.5eab0178909346f8a96f.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Orbitron Variable;font-style:normal;font-weight:400 900;src:url(/static/media/orbitron-latin-wght-normal.9b7277a5df5346e3b65d.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.hero-container{align-items:center;display:flex;flex-direction:column;margin-top:80px;padding:0 8px}.hero-main{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#0000;display:flex;justify-content:center;margin-bottom:24px;max-width:1400px;padding:0;width:100%}.hero-main .hero-content .hero-intro{max-width:575px;width:100%}.hero-main .hero-content .hero-intro h3{font-size:24px;line-height:normal;text-align:center}.list-main{margin:0 auto;max-width:1400px;padding:0;width:100%}.list-main .list-content{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;width:100%}.list-main .list-content .skeleton-card{background:#fff;border-radius:16px;flex:1 1 300px;max-width:400px;overflow:hidden;pointer-events:none}.list-main .list-content .skeleton-card .skeleton-icon,.list-main .list-content .skeleton-card .skeleton-img,.list-main .list-content .skeleton-card .skeleton-line,.list-main .list-content .skeleton-card .skeleton-pill{animation:shimmer 1.5s infinite;background:#e0e0e0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.list-main .list-content .skeleton-img{height:200px;width:350px}.list-main .list-content .skeleton-details{display:flex;flex-direction:column;gap:12px;padding:12px}.list-main .list-content .skeleton-details .skeleton-line{border-radius:4px;height:16px}.list-main .list-content .skeleton-details .skeleton-line.title{height:20px;width:80%}.list-main .list-content .skeleton-details .skeleton-line.subtitle{width:60%}.list-main .list-content .skeleton-details .skeleton-footer{display:flex;gap:15px;margin-top:10px}.list-main .list-content .skeleton-details .skeleton-footer .skeleton-pill{border-radius:10px;height:12px;width:50px}.list-main .list-content .skeleton-icon{border-radius:4px;height:20px;width:40px}@media(max-width:480px){.list-main .list-content .skeleton-img{height:150px}}.list-main .list-content .blog-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;display:flex;flex:1 1 300px;flex-direction:column;max-width:400px;min-width:280px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1)}.list-main .list-content .blog-card:hover{border-color:#abe947;box-shadow:0 20px 40px #00000014;transform:translateY(-8px)}.list-main .list-content .blog-card:hover .card-image-container img{transform:scale(1.08)}.list-main .list-content .blog-card .card-link-wrapper{color:inherit;display:block;text-decoration:none}.list-main .list-content .blog-card .card-image-container{height:200px;overflow:hidden;position:relative;width:100%}.list-main .list-content .blog-card .card-image-container img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.list-main .list-content .blog-card .card-image-container .image-overlay{left:12px;position:absolute;top:12px}.list-main .list-content .blog-card .card-image-container .image-overlay .category-badge{background:#abe947e6;border-radius:20px;color:#1a3019;font-size:11px;font-weight:700;padding:4px 12px;text-transform:uppercase}.list-main .list-content .blog-card .card-content{padding:20px}.list-main .list-content .blog-card .card-content .meta-top{color:#888;display:flex;font-size:12px;gap:12px;margin-bottom:10px}.list-main .list-content .blog-card .card-content .meta-top .author{color:#1a3019;font-weight:600}.list-main .list-content .blog-card .card-content .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a3019;display:-webkit-box;font-size:1.2rem;font-weight:700;line-height:1.3;margin-bottom:10px;overflow:hidden}.list-main .list-content .blog-card .card-content .description{color:#666;font-size:14px;line-height:1.5;margin:0}.list-main .list-content .blog-card .card-footer{align-items:center;background:#fafafa;border-top:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:16px 20px}.list-main .list-content .blog-card .card-footer .stats-group{display:flex;gap:16px}.list-main .list-content .blog-card .card-footer .stat-item{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:0;transition:.2s}.list-main .list-content .blog-card .card-footer .stat-item:hover.like{color:#ff4757}.list-main .list-content .blog-card .card-footer .stat-item:hover.comment{color:#2f3542}.list-main .list-content .blog-card .card-footer .stat-item svg{vertical-align:middle}.list-main .list-content .blog-card .card-footer .share-btn{background:none;border:none;border-radius:50%;color:#888;cursor:pointer;padding:4px;transition:all .2s}.list-main .list-content .blog-card .card-footer .share-btn:hover{background:#eee;color:#1a3019}.list-main .list-content .blog-card .card-footer .share-menu-wrapper{position:relative}.list-main .list-content .blog-card .card-footer .share-menu-wrapper .share-btn{background:#0000;border:none;color:#666;cursor:pointer;transition:color .2s}.list-main .list-content .blog-card .card-footer .share-menu-wrapper .share-btn.active,.list-main .list-content .blog-card .card-footer .share-menu-wrapper .share-btn:hover{color:#007bff}.list-main .list-content .blog-card .card-footer .share-menu-wrapper .share-dropdown{background:#fff;border:1px solid #eaeaea;border-radius:12px;bottom:110%;box-shadow:0 10px 25px #00000026;min-width:180px;padding:8px;position:absolute;right:0;z-index:1000}.list-main .list-content .blog-card .card-footer .share-menu-wrapper .share-dropdown .menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#444;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px;transition:background .2s;width:100%}.list-main .list-content .blog-card .card-footer .share-menu-wrapper .share-dropdown .menu-item:hover{background:#f0f7ff;color:#007bff}@media(max-width:480px){.list-main .list-content .blog-card .card-footer .share-dropdown{animation:slideUp .3s ease-out;bottom:20px;left:5%;min-width:0;min-width:auto;position:fixed;right:5%;width:90%}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.email-newsletter{display:flex;justify-content:center;margin:0 auto;max-width:1400px;overflow:hidden;position:relative;width:100%}.email-newsletter .bg-gradient-blur{background:radial-gradient(circle,#abe94726 0,#00ff7300 70%);filter:blur(80px);height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px;z-index:-1}.email-newsletter .content-wrapper{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border:1px solid #ffffff4d;border-radius:40px;box-shadow:0 20px 40px #00000008;display:flex;flex-direction:column;max-width:1000px;padding:92px 40px;text-align:center;width:100%}.email-newsletter .content-wrapper .text-section{margin-bottom:32px}.email-newsletter .content-wrapper .text-section h3{color:#1a3019;font-size:40px;font-weight:800;letter-spacing:-1px;margin-bottom:12px}.email-newsletter .content-wrapper .text-section p{color:#666;font-size:16px}.email-newsletter .content-wrapper .subscribe-form{max-width:550px;width:100%}.email-newsletter .content-wrapper .subscribe-form .input-group{background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 12px #0000000d;display:flex;gap:12px;padding:8px;transition:border-color .3s ease}.email-newsletter .content-wrapper .subscribe-form .input-group:focus-within{border-color:#abe947}.email-newsletter .content-wrapper .subscribe-form .input-group input{background:#0000;border:none;color:#333;flex:1 1;font-size:16px;outline:none;padding:12px 16px}.email-newsletter .content-wrapper .subscribe-form .input-group input::placeholder{color:#aaa}.email-newsletter .content-wrapper .subscribe-form .input-group .submit-btn{background:#1a3019;border:none;border-radius:14px;color:#abe947;cursor:pointer;font-weight:600;padding:0 28px;transition:all .2s ease}.email-newsletter .content-wrapper .subscribe-form .input-group .submit-btn:hover{background:#2a4a28;transform:scale(1.02)}.email-newsletter .content-wrapper .subscribe-form .input-group .submit-btn:active{transform:scale(.98)}.email-newsletter .content-wrapper .subscribe-form .privacy-note{color:#999;display:block;font-size:12px;margin-top:16px}@media screen and (max-width:768px){.email-newsletter .content-wrapper{border-radius:24px;padding:40px 20px}.email-newsletter .content-wrapper .text-section h3{font-size:28px}.email-newsletter .content-wrapper .subscribe-form .input-group{background:#0000;border:none;box-shadow:none;flex-direction:column;padding:0}.email-newsletter .content-wrapper .subscribe-form .input-group input{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:12px;width:100%}.email-newsletter .content-wrapper .subscribe-form .input-group .submit-btn{padding:16px;width:100%}}.author-component{background:#f9f9f9;border-left:4px solid #1a8917;border-radius:8px;margin:48px 0;padding:28px}.author-component .author-container{align-items:flex-start;display:flex;gap:24px}.author-component .author-container .author-avatar{border:3px solid #1a8917;border-radius:50%;flex-shrink:0;height:80px;object-fit:cover;width:80px}.author-component .author-container .author-content{flex:1 1}.author-component .author-container .author-content .author-name{color:#292929;font-size:18px;font-weight:700;margin:0 0 8px}.author-component .author-container .author-content .author-bio{color:#757575;font-size:14px;line-height:1.5;margin:0 0 16px}.author-component .author-container .author-content .author-links{display:flex;gap:12px}.author-component .author-container .author-content .author-links .social-link{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;color:#292929;display:inline-flex;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.author-component .author-container .author-content .author-links .social-link:hover{background:#1a8917;border-color:#1a8917;color:#fff;transform:translateY(-2px)}.author-component .author-container .author-content .author-links .social-link svg{height:18px;width:18px}@media(max-width:768px){.author-component{margin:32px 0;padding:20px}.author-component .author-container{align-items:center;flex-direction:column;text-align:center}.author-component .author-container .author-avatar{height:70px;width:70px}.author-component .author-container .author-content .author-links{justify-content:center}}.table-of-contents{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px;position:sticky;top:50px}.table-of-contents .toc-title{color:#757575;font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.table-of-contents .toc-list{list-style:none;margin:0;padding:0}.table-of-contents .toc-list .toc-item{margin:0;padding:0}.table-of-contents .toc-list .toc-item .toc-link{background:#0000;border:none;border-radius:4px;color:#757575;cursor:pointer;display:block;font-size:14px;line-height:1.4;padding:8px 12px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.table-of-contents .toc-list .toc-item .toc-link.active,.table-of-contents .toc-list .toc-item .toc-link:hover{background:#1a891714;border-left-color:#1a8917;color:#1a8917}.table-of-contents .toc-list .toc-item .toc-link.active{font-weight:600}.table-of-contents .toc-list .toc-item.level-2 .toc-link{font-size:13px;padding-left:28px}.table-of-contents .toc-list .toc-item.level-3 .toc-link{font-size:12px;padding-left:44px}@media(max-width:1024px){.table-of-contents{display:none}}@media(max-width:768px){.table-of-contents{margin-bottom:24px;padding:16px;position:static;top:0}.table-of-contents .toc-title{margin-bottom:12px}.table-of-contents .toc-list .toc-item .toc-link{font-size:13px;padding:6px 8px}.table-of-contents .toc-list .toc-item .toc-link:hover{padding-left:14px}.table-of-contents .toc-list .toc-item.level-2 .toc-link{padding-left:20px}.table-of-contents .toc-list .toc-item.level-3 .toc-link{padding-left:36px}}.share-buttons{background:#f9f9f9;border-radius:8px;border-top:2px solid #1a8917;margin:48px 0;padding:28px}.share-buttons .share-label{align-items:center;color:#292929;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.share-buttons .share-label svg{color:#1a8917;height:16px;width:16px}.share-buttons .share-container{display:flex;flex-wrap:wrap;gap:12px}.share-buttons .share-container .share-btn{align-items:center;background:#fff;border:2px solid;border-radius:6px;color:#292929;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .3s ease}.share-buttons .share-container .share-btn svg{height:18px;width:18px}.share-buttons .share-container .share-btn.twitter{border-color:#1da1f2;color:#1da1f2}.share-buttons .share-container .share-btn.twitter:hover{background:#1da1f2;color:#fff}.share-buttons .share-container .share-btn.facebook{border-color:#1877f2;color:#1877f2}.share-buttons .share-container .share-btn.facebook:hover{background:#1877f2;color:#fff}.share-buttons .share-container .share-btn.linkedin{border-color:#0077b5;color:#0077b5}.share-buttons .share-container .share-btn.linkedin:hover{background:#0077b5;color:#fff}.share-buttons .share-container .share-btn.copy-link{border-color:#1a8917;color:#1a8917;position:relative}.share-buttons .share-container .share-btn.copy-link:hover:not(.copied){background:#1a8917;color:#fff}.share-buttons .share-container .share-btn.copy-link.copied{background:#1a8917;border-color:#1a8917;color:#fff}.share-buttons .share-container .share-btn.copy-link.copied .copy-alert{animation:popIn .3s ease}.share-buttons .share-container .share-btn.copy-link .copy-alert{background:#1a8917;border-radius:4px;color:#fff;font-size:11px;padding:4px 8px;pointer-events:none;position:absolute;top:-28px;white-space:nowrap}.share-buttons .share-container .share-btn.copy-link .copy-alert:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #1a8917;bottom:-4px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.share-buttons{margin:32px 0;padding:20px}.share-buttons .share-container{gap:10px}.share-buttons .share-container .share-btn{font-size:12px;padding:8px 12px}.share-buttons .share-container .share-btn svg{height:16px;width:16px}.share-buttons .share-container .share-btn span,.share-buttons .share-container .share-btn:nth-child(n+2) span{display:none}}.code-block-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e;border:1px solid #3d3d3d;border-radius:12px;margin:24px 0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.code-block-wrapper .code-header{align-items:center;background:linear-gradient(180deg,#272727,#242424);border-bottom:1px solid #3d3d3d;display:flex;justify-content:space-between;padding:14px 16px;position:relative}.code-block-wrapper .code-header:after{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.code-block-wrapper .code-header .traffic-lights{align-items:center;display:flex;gap:8px}.code-block-wrapper .code-header .traffic-lights .light{border-radius:50%;box-shadow:inset 0 1px 2px #0000004d;cursor:pointer;height:12px;position:relative;transition:all .2s ease;width:12px}.code-block-wrapper .code-header .traffic-lights .light.close-btn{background:linear-gradient(135deg,#ff5f57,#ff3b2f)}.code-block-wrapper .code-header .traffic-lights .light.close-btn:hover{box-shadow:inset 0 1px 2px #0000004d,0 0 8px #ff5f5766}.code-block-wrapper .code-header .traffic-lights .light.minimize-btn{background:linear-gradient(135deg,#ffbd2e,#ffad00)}.code-block-wrapper .code-header .traffic-lights .light.minimize-btn:hover{box-shadow:inset 0 1px 2px #0000004d,0 0 8px #ffbd2e66}.code-block-wrapper .code-header .traffic-lights .light.maximize-btn{background:linear-gradient(135deg,#28c940,#00aa1a)}.code-block-wrapper .code-header .traffic-lights .light.maximize-btn:hover{box-shadow:inset 0 1px 2px #0000004d,0 0 8px #28c94066}.code-block-wrapper .code-header .language{flex:1 1;font-weight:600;letter-spacing:.3px;text-align:center;text-transform:lowercase}.code-block-wrapper .code-header .copy-btn,.code-block-wrapper .code-header .language{color:#a0a0a0;font-family:SF Mono,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px}.code-block-wrapper .code-header .copy-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.code-block-wrapper .code-header .copy-btn:hover:not(.copied){background:#1a891733;border-color:#1a891780;box-shadow:0 4px 12px #1a891726;color:#1a8917e6;transform:translateY(-1px)}.code-block-wrapper .code-header .copy-btn:active:not(.copied){transform:translateY(0)}.code-block-wrapper .code-header .copy-btn.copied{background:#1a891740;border-color:#1a891799;box-shadow:0 4px 12px #1a891733;color:#1a8917}.code-block-wrapper .code-header .copy-btn svg{height:14px;transition:transform .3s ease;width:14px}.code-block-wrapper .code-block{background:#1e1e1e;border-radius:0;font-size:13px;line-height:1.6;margin:0;overflow-x:auto;padding:20px}.code-block-wrapper .code-block,.code-block-wrapper .code-block code{word-wrap:break-word;color:#e8e8e8;font-family:SF Mono,Monaco,Courier New,monospace;white-space:pre;word-break:break-word}.code-block-wrapper .code-block code{font-weight:400;letter-spacing:.02em}.code-block-wrapper .code-block::-webkit-scrollbar{height:8px;width:8px}.code-block-wrapper .code-block::-webkit-scrollbar-track{background:#0000}.code-block-wrapper .code-block::-webkit-scrollbar-thumb{background:#ffffff1a;background-clip:padding-box;border:2px solid #0000;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.code-block-wrapper .code-block::-webkit-scrollbar-thumb:hover{background:#ffffff26;background-clip:padding-box}.code-block-wrapper .code-block::-webkit-scrollbar-thumb:active{background:#fff3;background-clip:padding-box}@media(max-width:768px){.code-block-wrapper{margin:16px 0}.code-block-wrapper .code-header{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.code-block-wrapper .code-header .copy-btn{justify-content:center;width:100%}.code-block-wrapper .code-block{font-size:12px;padding:12px}}.blog-view-wrapper{background-color:#fff0;min-height:100vh;padding:0 20px}.blog-view-wrapper .progress-bar{background:#1a8917;height:4px;left:0;position:fixed;top:0;transition:width .1s ease-out;z-index:1000}.blog-view-wrapper .blog-container{margin:0 auto;max-width:1000px;padding:80px 0}.blog-view-wrapper .blog-container .blog-header{margin-bottom:48px}.blog-view-wrapper .blog-container .blog-header .blog-meta{align-items:center;color:#757575;display:flex;font-size:14px;gap:8px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.blog-view-wrapper .blog-container .blog-header .blog-meta .category{color:#1a8917;font-weight:600}.blog-view-wrapper .blog-container .blog-header .blog-title{color:#292929;font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:24px}.blog-view-wrapper .blog-container .blog-header .author-card{margin-bottom:32px}.blog-view-wrapper .blog-container .blog-header .author-card .author-name{color:#757575;font-size:15px}.blog-view-wrapper .blog-container .blog-header .featured-image{border-radius:8px;margin-top:20px;width:100%}.blog-view-wrapper .blog-container .blog-layout{display:flex;gap:16px}.blog-view-wrapper .blog-container .blog-layout .blog-sidebar{max-width:fit-content;width:100%}.blog-view-wrapper .blog-container .blog-content-body{color:#333;font-family:Georgia,serif;font-size:20px;line-height:1.6}.blog-view-wrapper .blog-container .blog-content-body p{margin-bottom:28px}.blog-view-wrapper .blog-container .blog-content-body h1,.blog-view-wrapper .blog-container .blog-content-body h2,.blog-view-wrapper .blog-container .blog-content-body h3{color:#292929;font-family:Inter,sans-serif;margin:40px 0 16px}.blog-view-wrapper .blog-container .blog-content-body h2{font-size:30px}.blog-view-wrapper .blog-container .blog-content-body img{border-radius:4px;height:auto;margin:32px 0;width:100%}.blog-view-wrapper .blog-container .blog-content-body blockquote{border-left:4px solid #292929;color:#757575;font-style:italic;margin:30px 0;padding-left:20px}.blog-view-wrapper .blog-container .blog-footer{color:#757575;margin-top:60px;text-align:center}.blog-view-wrapper .blog-container .blog-footer hr{border:0;border-top:1px solid #eee;margin-bottom:30px}@media(max-width:768px){.blog-view-wrapper .blog-container{padding:80px 0}.blog-view-wrapper .blog-container .blog-header .blog-title{font-size:32px}.blog-view-wrapper .blog-container .blog-content-body{font-size:18px}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{animation:shimmer 1.2s linear infinite forwards;background:#f6f7f8;background-image:linear-gradient(90deg,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-repeat:no-repeat;background-size:800px 100%;border-radius:4px;display:inline-block;position:relative}.skeleton-active .skeleton-meta{height:14px;margin-bottom:20px;width:200px}.skeleton-active .skeleton-title{height:40px;margin-bottom:12px;width:100%}.skeleton-active .skeleton-title.short{width:60%}.skeleton-active .skeleton-image{border-radius:8px;height:400px;margin-top:30px;width:100%}.skeleton-active .skeleton-text{height:18px;margin-bottom:15px;width:100%}.skeleton-active .skeleton-text.last{width:70%}.skeleton-active .blog-main{width:100%}@media(max-width:768px){.skeleton-active .skeleton-image{height:200px}}
/*# sourceMappingURL=main.f3ba44e2.css.map*/