header{padding:var(--space-md) 0;background-color:var(--color-bg);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000a}.dark-mode header{box-shadow:0 2px 10px #0000001a}.logo{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-heading)}.logo span{color:var(--color-primary)}#main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-lg)}#main-nav a{color:var(--color-text);font-weight:500;position:relative}#main-nav a:hover,#main-nav a.active{color:var(--color-primary)}#main-nav a.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:var(--color-primary)}.contact-button{display:inline-block;padding:.5rem 1.5rem;background-color:var(--color-primary);color:#fff;border-radius:50px;font-weight:500;transition:background-color .2s ease}.contact-button:hover{background-color:var(--color-primary-dark);color:#fff}#menu-toggle{display:none;background:none;border:none;padding:0;width:30px;height:22px;position:relative;z-index:101}#menu-toggle .line{display:block;width:100%;height:2px;background-color:var(--color-text);margin:6px 0;transition:transform .3s ease,opacity .3s ease}#menu-toggle.active .line:nth-child(1){transform:translateY(8px) rotate(45deg)}#menu-toggle.active .line:nth-child(2){opacity:0}#menu-toggle.active .line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-section{position:relative;padding:var(--space-xl) 0;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center;margin-bottom:var(--space-xl)}.hero-text h1{margin-bottom:var(--space-sm)}.hero-text p{margin-bottom:var(--space-md);color:var(--color-text-light)}.hero-image{border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-dots{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-md)}.dot{width:10px;height:10px;border-radius:50%;background-color:#ddd;cursor:pointer;transition:background-color .2s ease}.dot.active{background-color:var(--color-primary)}.blog-section{padding:var(--space-xl) 0}footer{background-color:#212731;color:#fff;padding:var(--space-xl) 0 var(--space-md);flex-shrink:0}.footer-columns{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.footer-logo{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-sm)}.footer-logo span{color:var(--color-primary)}.footer-column p{color:#bcbcbc;margin-bottom:var(--space-md)}.footer-column h4{color:#fff;font-size:var(--font-size-md);margin-bottom:var(--space-md)}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:var(--space-sm)}.footer-column ul a{color:#bcbcbc;transition:color .2s ease}.footer-column ul a:hover{color:var(--color-primary)}.newsletter-form{display:flex;margin-bottom:var(--space-md)}.newsletter-form input{flex-grow:1;padding:.75rem 1rem;border:none;border-radius:50px 0 0 50px;font-family:inherit;outline:none}.newsletter-form button{background-color:var(--color-primary);color:#fff;border:none;border-radius:0 50px 50px 0;padding:0 1.25rem;transition:background-color .2s ease}.newsletter-form button:hover{background-color:var(--color-primary-dark)}.social-links{display:flex;gap:var(--space-sm)}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff1a;color:#fff;transition:background-color .2s ease}.social-links a:hover{background-color:var(--color-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.1);color:#bcbcbc;font-size:var(--font-size-sm)}.footer-bottom a{color:#bcbcbc}.footer-bottom a:hover{color:var(--color-primary)}@media(max-width:1024px){.footer-columns{grid-template-columns:1fr 1fr;gap:var(--space-xl) var(--space-lg)}}@media(max-width:768px){#menu-toggle{display:block}#main-nav{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100%;background-color:var(--color-bg);box-shadow:-5px 0 15px #0000001a;padding:80px var(--space-md) var(--space-md);transition:right .3s ease;z-index:100}.dark-mode #main-nav{background-color:var(--color-bg-alt)}#main-nav.active{right:0}#main-nav ul{flex-direction:column;gap:var(--space-md)}.hero-content{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.faq-header{flex-direction:column;gap:var(--space-md)}.faq-desc{max-width:none}.header-wrapper{flex-wrap:wrap}.header-search-form{order:3;width:100%;margin:1rem 0 0}#main-nav{order:2}}@media(max-width:640px){.blog-grid,.footer-columns{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center;gap:var(--space-xs)}}@media(min-width:2560px){:root{--font-size-base: 18px}.container{max-width:1400px}.blog-image{height:240px}}.header-search-form{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:50px;overflow:hidden;margin-left:auto;width:220px;background-color:var(--color-bg);transition:width .3s ease}.header-search-form input{flex:1;padding:.6rem 1rem;border:none;background-color:transparent;color:var(--color-text);font-family:inherit;font-size:.9rem;width:100%}.header-search-form input:focus{outline:none}.header-search-form button{background-color:var(--color-primary);border:none;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.header-search-form button:hover,.header-search-form button:focus{background-color:var(--color-primary-dark)}.header-wrapper{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}#main-nav{flex:1;display:flex;justify-content:center}.nav-menu{display:flex;list-style:none;margin:0;padding:0}.nav-item{position:relative;margin:0 var(--space-sm)}.nav-item a{display:flex;align-items:center;color:var(--color-text);text-decoration:none;padding:.5rem 0;font-weight:500;transition:color .2s ease}.nav-item a:hover,.nav-item a.active{color:var(--color-primary)}.dropdown-toggle{display:flex;align-items:center;gap:.35rem}.dropdown-toggle i{font-size:.8em;transition:transform .2s ease}.dropdown:hover .dropdown-toggle i,.dropdown.open .dropdown-toggle i{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background-color:var(--color-bg);border-radius:12px;box-shadow:0 10px 25px #0000001a;border:1px solid var(--color-border);padding:.75rem 0;min-width:220px;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.dropdown-menu:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background-color:var(--color-bg);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}.dropdown-menu li{margin:0}.dropdown-menu a{display:flex;align-items:center;padding:.6rem 1.25rem;width:100%;white-space:nowrap}.dropdown-menu a i{margin-right:10px;width:20px;text-align:center;color:var(--color-primary);opacity:.8}.dropdown-menu a:hover{background-color:#8cc63f14;color:var(--color-primary)}.dropdown-menu a:hover i{opacity:1}@media(min-width:993px){.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media(prefers-color-scheme:dark){.dropdown-menu{background-color:var(--color-card-bg);box-shadow:0 10px 30px #00000040}.dropdown-menu:before{background-color:var(--color-card-bg)}}@media(max-width:992px){.nav-menu{flex-direction:column;width:100%}.nav-item{margin:0;width:100%;border-bottom:1px solid var(--color-border)}.nav-item:last-child{border-bottom:none}.nav-item a{padding:1rem 0}.dropdown-menu{position:static;transform:none;width:100%;min-width:auto;box-shadow:none;border:none;border-radius:0;margin-top:0;margin-left:1.5rem;padding-left:0;padding-right:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.dropdown-menu:before{display:none}.dropdown.open .dropdown-menu{max-height:500px;transform:none;opacity:1;visibility:visible}.dropdown-menu a{padding:.75rem 0}}html,body{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}footer{flex-shrink:0}@media(max-width:768px){.header-wrapper{flex-wrap:wrap}.header-search-form{order:3;width:100%;margin:1rem 0 0}#main-nav{order:2}}:root{--color-primary: #8CC63F;--color-primary-dark: #7AB035;--color-text: #333333;--color-text-light: #666666;--color-heading: #222222;--color-bg: #FFFFFF;--color-bg-alt: #F9F9F9;--color-border: #EEEEEE;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 3rem;--space-xl: 4rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: 16px;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem}@media(prefers-color-scheme:dark){:root{--color-text: #E0E0E0;--color-text-light: #B0B0B0;--color-heading: #FFFFFF;--color-bg: #121212;--color-bg-alt: #1E1E1E;--color-border: #2A2A2A;--color-card-bg: #252525;--color-card-shadow: rgba(0, 0, 0, .2)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--space-sm);color:var(--color-heading);line-height:1.2;font-weight:600}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{margin-top:0;margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;cursor:pointer}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-link{display:inline-flex;align-items:center;color:var(--color-primary);font-weight:500;gap:var(--space-xs)}.text-link:hover{text-decoration:underline}.text-link i{font-size:.8em;transition:transform .2s ease}.text-link:hover i{transform:translate(3px)}.circle-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff}.section-header{margin-bottom:var(--space-lg);max-width:900px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.blog-card{border-radius:12px;overflow:hidden;background-color:var(--color-bg);box-shadow:0 4px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.blog-image{height:200px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{padding:var(--space-md)}.blog-content h3{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.blog-footer{display:flex;justify-content:flex-start;margin-top:var(--space-md)}.read-more{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:var(--font-size-sm)}.read-more .circle-icon{transition:background-color .2s ease}.read-more:hover .circle-icon{background-color:var(--color-primary-dark)}.pagination-wrapper{display:flex;justify-content:center;margin:var(--space-lg) 0}.pagination{display:flex;list-style:none;padding:0;margin:0;gap:var(--space-xs)}.pagination li{margin:0}.pagination li a,.pagination li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-bg-alt);color:var(--color-text);transition:all .2s ease}.pagination li.active a{background-color:var(--color-primary);color:#fff}.pagination li a:hover:not(.active){background-color:var(--color-primary);color:#fff}.pagination li.disabled span{opacity:.5;cursor:not-allowed}.faq-section{padding:var(--space-xl) 0;background-color:var(--color-bg-alt)}.faq-header{display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.faq-title h2{margin-bottom:var(--space-xs)}.faq-title h3{margin-top:0;font-size:var(--font-size-3xl)}.faq-desc{max-width:450px}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-header{width:100%;text-align:left;padding:var(--space-md) 0;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;font-size:var(--font-size-lg);font-weight:500;color:var(--color-heading)}.accordion-icon{color:var(--color-primary);transition:transform .3s ease}.accordion-header:hover{color:var(--color-primary)}.accordion-content{padding:0 0 var(--space-md) 0}.accordion-content.hidden{display:none}.accordion-content img{border-radius:12px;margin-top:var(--space-md)}.sidebar-list a{display:flex;justify-content:space-between;color:var(--color-text);text-decoration:none}.sidebar-list a span{color:var(--color-text-light);font-size:var(--font-size-sm)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.25rem .75rem;background-color:#8cc63f1a;border-radius:50px;font-size:var(--font-size-sm);color:var(--color-primary);transition:all .2s}@media(prefers-color-scheme:dark){.tag{background-color:#8cc63f33}}.tag:hover{background-color:var(--color-primary);color:#fff;text-decoration:none}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:var(--space-lg) 0;align-items:center}.blog-post-tags i{color:var(--color-text-light);margin-right:.5rem}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:inherit}@media(prefers-color-scheme:dark){.form-group input,.form-group textarea{background-color:var(--color-bg-alt)}}.form-group input:focus,.form-group textarea:focus{outline:2px solid var(--color-primary);border-color:transparent}.input-with-icon{position:relative;margin-bottom:var(--space-md)}.input-with-icon input,.input-with-icon textarea{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:var(--font-size-md);background-color:var(--color-bg);color:var(--color-text);transition:all .2s ease}.input-with-icon i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-primary);opacity:.7;font-size:1.2rem;pointer-events:none}.input-with-icon input:focus,.input-with-icon textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8cc63f33;outline:none}.input-with-icon textarea~i{top:1.2rem;transform:none}@media(prefers-color-scheme:dark){.input-with-icon input,.input-with-icon textarea{background-color:var(--color-bg-alt)}}.checkbox-group{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:var(--space-md)}.checkbox-group input[type=checkbox]{flex-shrink:0;width:auto;margin-top:.25rem;accent-color:var(--color-primary)}.checkbox-group label{margin:0;font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.5}.checkbox-group a{color:var(--color-primary);font-weight:500}.checkbox-group a:hover{text-decoration:underline}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:50px;font-weight:500;transition:all .2s;border:none;cursor:pointer}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff}.related-posts-section{padding:var(--space-xl) 0;background-color:var(--color-bg-alt)}.related-posts-section h2{margin-bottom:var(--space-lg)}.blog-post-header{position:relative;margin-bottom:var(--space-lg)}.blog-post-header img{width:100%;height:400px;object-fit:cover;border-radius:12px}.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;margin:var(--space-md) 0;font-size:var(--font-size-sm);color:var(--color-text-light);gap:var(--space-md)}.blog-post-meta>div{display:flex;align-items:center;gap:var(--space-xs)}.blog-post-meta i{color:var(--color-primary)}.blog-post-content{max-width:800px;margin:0 auto}.blog-post-content h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.blog-post-content h2{font-size:var(--font-size-3xl);margin:var(--space-lg) 0 var(--space-md)}.blog-post-content h3{font-size:var(--font-size-2xl);margin:var(--space-lg) 0 var(--space-sm)}.blog-post-content p{margin-bottom:var(--space-md);font-size:var(--font-size-lg);line-height:1.7}.blog-post-content img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-md) 0}.blog-post-content pre{background-color:var(--color-bg-alt);padding:var(--space-md);border-radius:8px;overflow-x:auto;margin:var(--space-md) 0}.blog-post-content pre :has("code"){padding:0}.blog-post-content code{font-family:Consolas,Monaco,monospace;font-size:.9em}.blog-post-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-md);margin-left:0;font-style:italic;color:var(--color-text-light)}.blog-post-content ul,.blog-post-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.blog-post-content li{margin-bottom:var(--space-xs)}.blog-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.blog-container{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl)}.blog-main{flex:1;min-width:0}.blog-aside{width:300px;flex-shrink:0}.sidebar-block{background-color:var(--color-card-bg);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:0 4px 12px var(--color-card-shadow)}.sidebar-block h3{font-size:var(--font-size-lg);margin-top:0;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);color:var(--color-primary)}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-list li{margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.sidebar-list li:last-child{border-bottom:none;margin-bottom:0}.sidebar-list a{display:block;color:var(--color-text);text-decoration:none;transition:color .2s ease}.sidebar-list a:hover{color:var(--color-primary)}.search-form{display:flex;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.search-form input{flex:1;padding:.75rem 1rem;border:none;background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:inherit}.search-form button{background-color:var(--color-primary);border:none;color:#fff;padding:0 1rem;cursor:pointer}@media(max-width:900px){.blog-container{flex-direction:column}.blog-aside{width:100%}}.search-form-large{display:flex;margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:50px;overflow:hidden;max-width:600px}.search-form-large input{flex:1;padding:1rem 1.5rem;border:none;background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:inherit}.search-form-large button{background-color:var(--color-primary);border:none;color:#fff;padding:0 1.5rem;cursor:pointer;font-size:1.2rem}.search-results-info{margin-bottom:var(--space-md);color:var(--color-text-light)}.no-results{text-align:center;padding:var(--space-xl) 0}.no-results i{font-size:4rem;color:var(--color-text-light);opacity:.5;margin-bottom:var(--space-md)}.content-type{display:inline-block;font-size:var(--font-size-sm);text-transform:uppercase;color:var(--color-primary);font-weight:500;margin-bottom:var(--space-xs)}.simple-content{line-height:1.7}.simple-content h2{margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-heading);font-size:var(--font-size-2xl)}.simple-content p{margin-bottom:var(--space-md)}.simple-content ul,.simple-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.simple-content li{margin-bottom:var(--space-xs)}.about-section{padding-bottom:var(--space-xl)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.project-card{border-radius:12px;overflow:hidden;background-color:var(--color-bg);box-shadow:0 4px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}@media(prefers-color-scheme:dark){.project-card{box-shadow:0 4px 12px #0003}}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-tags{position:absolute;bottom:0;left:0;padding:var(--space-xs);width:100%;display:flex;flex-wrap:wrap;gap:.25rem}.project-tag{display:inline-block;padding:.15rem .5rem;background-color:#8cc63fe6;color:#fff;border-radius:50px;font-size:.75rem;font-weight:500}.project-content{padding:var(--space-md);display:flex;flex-direction:column;flex-grow:1}.project-content h3{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.project-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.project-links{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;margin-top:var(--space-md)}.services-section{padding:var(--space-xl) 0;background-color:var(--color-bg-alt)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.service-card{background-color:var(--color-bg);border-radius:12px;padding:var(--space-lg);box-shadow:0 4px 12px #0000000d;transition:transform .3s ease}@media(prefers-color-scheme:dark){.service-card{box-shadow:0 4px 12px #0003}}.service-card:hover{transform:translateY(-5px)}.service-icon{width:60px;height:60px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-md)}.service-features{margin-top:var(--space-md);padding-left:var(--space-md)}.service-features li{margin-bottom:var(--space-xs)}.cta-section{background-color:var(--color-primary);color:#fff;padding:var(--space-xl) 0;text-align:center;margin-top:var(--space-xl)}.cta-content h2{color:#fff;margin-bottom:var(--space-sm)}.cta-content p{max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-md)}.cta-section .btn{background-color:#fff;color:var(--color-primary)}.cta-section .btn:hover{background-color:#ffffffe6}.hero-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap}.btn-sm{padding:.35rem .75rem;font-size:.875rem}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff}@media(max-width:992px){.projects-grid,.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-grid,.services-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.project-hero-section{padding:var(--space-xl) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);margin-bottom:var(--space-xl);position:relative;border-radius:0 0 20px 20px;overflow:hidden}.project-hero-section:before{content:"";position:absolute;inset:0;background-color:transparent;z-index:1}.project-hero-section .container{position:relative;z-index:2}.project-hero-section .hero-text{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.project-hero-section h1{color:#fff;margin-bottom:var(--space-sm);font-weight:700}.project-hero-section p{font-size:var(--font-size-lg);margin-bottom:var(--space-md);max-width:800px}.project-hero-section a{color:#fff;text-decoration:underline;font-weight:500;text-underline-offset:2px}.project-hero-section a:hover{color:#ffffffe6}.project-hero-image{border-radius:12px;overflow:hidden;box-shadow:0 12px 24px #00000026}.project-hero-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}@media(prefers-color-scheme:dark){.project-hero-section{background:linear-gradient(135deg,#396118,#1e3507)}.project-hero-section:before{background-color:#0003}.project-hero-section .hero-text{text-shadow:0 1px 4px rgba(0,0,0,.4)}.project-hero-section p{color:#e9e9e9}.project-hero-section a{color:#fff;box-shadow:0 1px #ffffff80;text-decoration:none}.project-hero-section a:hover{box-shadow:0 2px #ffffffb3}.tech-tag{background-color:#ffffff26;color:#fff}.profile-photo{border-color:var(--color-bg-alt);box-shadow:0 8px 30px #0003}}.project-links{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.project-hero-section .btn-outline{border-color:#fff;color:#fff}.project-hero-section .btn-outline:hover{background-color:#fff;color:var(--color-primary)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{display:inline-block;padding:.25rem .75rem;background-color:#fff3;border-radius:50px;font-size:var(--font-size-sm)}.project-section{margin-bottom:var(--space-xl)}.project-content{font-size:var(--font-size-lg);line-height:1.7}.project-content ul{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.project-content ul li{margin-bottom:var(--space-xs)}.code-example-card{background-color:var(--color-bg-alt);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:0 4px 12px #0000000d}@media(prefers-color-scheme:dark){.code-example-card{box-shadow:0 4px 12px #0003}}.code-example-card h3{margin-bottom:var(--space-sm)}.code-example-card pre{margin:0;padding:0;overflow-x:auto;border-radius:8px}.code-example-card code{font-size:var(--font-size-sm);font-family:Consolas,Monaco,monospace}@media(max-width:768px){.project-hero-section .hero-content{grid-template-columns:1fr}.project-links{flex-direction:column}.profile-photo{width:250px;height:250px}}@media(max-width:480px){.profile-photo{width:200px;height:200px}}.profile-container{display:flex;justify-content:center;align-items:center}.profile-photo{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 8px 30px #0000001a;position:relative;transition:transform .3s ease}.profile-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.profile-photo:hover{transform:scale(1.02)}.error-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding:var(--space-xl) 0;min-height:60vh}.error-content{flex:1}.error-code{font-size:6rem;font-weight:700;line-height:1;color:var(--color-primary);margin-bottom:var(--space-md);opacity:.8}.error-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.error-content p{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--space-lg);max-width:500px}.error-details{padding:var(--space-md);background-color:var(--color-bg-alt);border-radius:8px;margin-bottom:var(--space-lg)}.error-details code{font-family:Consolas,Monaco,monospace;color:var(--color-primary)}.error-actions{display:flex;gap:var(--space-md)}.error-image{flex:1;display:flex;justify-content:center;align-items:center}.error-image img{max-width:100%;max-height:400px}@media(max-width:768px){.error-container{flex-direction:column-reverse;text-align:center;gap:var(--space-lg)}.error-content p{margin-left:auto;margin-right:auto}.error-actions{justify-content:center}.error-code{font-size:4rem}.error-image img{max-height:250px}}.category-header{margin-bottom:var(--space-lg)}.category-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm)}.category-header p{color:var(--color-text-light);font-size:var(--font-size-lg)}.category-description{padding:var(--space-md);background-color:var(--color-bg-alt);border-left:4px solid var(--color-primary);border-radius:4px;margin:var(--space-md) 0}.highlight{color:var(--color-primary)}.card-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm);color:var(--color-text-light);font-size:var(--font-size-sm)}.card-meta i{color:var(--color-primary);margin-right:var(--space-xs)}.categories-header{margin-bottom:var(--space-lg)}.categories-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm)}.categories-header p{color:var(--color-text-light);font-size:var(--font-size-lg)}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.category-card{position:relative;background-color:var(--color-bg);border-radius:12px;padding:var(--space-lg);box-shadow:0 4px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;text-align:center}@media(prefers-color-scheme:dark){.category-card{background-color:var(--color-card-bg);box-shadow:0 4px 12px #0003}}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.category-icon{margin:0 auto var(--space-md);width:70px;height:70px;border-radius:50%;background-color:#8cc63f1a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:2rem}.category-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.category-card p{color:var(--color-text-light);margin-bottom:var(--space-md);flex-grow:1}.category-footer{margin-top:auto;display:flex;justify-content:center}@media(max-width:992px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.categories-grid{grid-template-columns:1fr}}.section{padding:var(--space-xl) 0;margin:var(--space-lg) 0}.section:nth-child(2n){background-color:var(--color-bg-alt)}.hero-section{padding:var(--space-xl) 0;background:linear-gradient(135deg,#8cc63f1a,#7ab03533);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.hero-text{z-index:2}.hero-text h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);color:var(--color-heading);line-height:1.2}.hero-text p{font-size:var(--font-size-lg);margin-bottom:var(--space-lg);max-width:600px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-graphic{display:flex;justify-content:center;align-items:center}.code-graphic{background-color:#000c;color:#f8f8f2;border-radius:8px;padding:var(--space-md);width:100%;max-width:500px;box-shadow:0 8px 30px #0003;font-family:Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5;overflow:hidden}.code-line{margin-bottom:.25rem;white-space:nowrap}.indent{padding-left:1.5rem}.indent-2{padding-left:3rem}.indent-3{padding-left:4.5rem}.keyword{color:#ff79c6}.class-name{color:#8be9fd}.method{color:#50fa7b}.comment{color:#6272a4}.featured-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin:var(--space-lg) 0}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin:var(--space-lg) 0}.tech-card{background-color:var(--color-bg);border-radius:12px;padding:var(--space-lg);text-align:center;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease}@media(prefers-color-scheme:dark){.tech-card{background-color:var(--color-card-bg);box-shadow:0 4px 12px #0003}}.tech-card:hover{transform:translateY(-5px)}.tech-icon{width:70px;height:70px;border-radius:50%;background-color:#8cc63f1a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto var(--space-md)}.tech-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.tech-card p{color:var(--color-text-light);font-size:var(--font-size-md)}.lead-text{font-size:var(--font-size-xl);line-height:1.6;max-width:800px;margin:0 auto var(--space-lg);text-align:center}.section-header{text-align:center;max-width:800px;margin:0 auto var(--space-lg)}.section-header h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);position:relative;display:inline-block}.section-header h2:after{content:"";display:block;width:60px;height:3px;background-color:var(--color-primary);margin:var(--space-xs) auto 0;border-radius:2px}.section-header p{color:var(--color-text-light);font-size:var(--font-size-lg)}.text-center{text-align:center;margin-top:var(--space-lg)}@media(prefers-color-scheme:dark){.hero-section{background:linear-gradient(135deg,#8cc63f26,#7ab0351a)}.code-graphic{background-color:#121212e6}}@media(max-width:992px){.featured-projects,.tech-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-content{grid-template-columns:1fr}.hero-text{text-align:center}.hero-text p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-graphic{margin-top:var(--space-lg);order:2}.featured-projects{grid-template-columns:1fr}}@media(max-width:480px){.code-graphic{font-size:.8rem}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%}}.projects-section .hero-section{border-radius:12px;overflow:hidden;margin-bottom:var(--space-xl)}.projects-section .hero-image{border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0000001a}.projects-section .hero-image img{width:100%;height:auto;border-radius:12px;transition:transform .5s ease}.projects-section .hero-image:hover img{transform:scale(1.02)}@media(prefers-color-scheme:dark){.projects-section .hero-image{box-shadow:0 8px 20px #0003}}.page-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:var(--space-xl) 0;text-align:center;border-radius:0 0 20px 20px;margin-bottom:var(--space-xl)}.page-hero-content{max-width:800px;margin:0 auto}.page-hero h1{color:#fff;font-size:var(--font-size-4xl);margin-bottom:var(--space-sm)}.page-hero p{font-size:var(--font-size-xl);opacity:.9}.featured-project-section{margin-bottom:var(--space-xl)}.highlight-badge{display:inline-block;background-color:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-md)}.featured-project-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);background-color:var(--color-bg);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #00000014;padding:var(--space-lg)}@media(prefers-color-scheme:dark){.featured-project-card{background-color:var(--color-card-bg);box-shadow:0 8px 30px #00000026}}.featured-project-content{display:flex;flex-direction:column}.featured-project-description{font-size:var(--font-size-lg);margin-bottom:var(--space-md);flex-grow:1}.featured-project-image{display:flex;align-items:center;justify-content:center}.featured-project-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 20px #0000001a}.featured-project-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-md)}.tech-badge{display:inline-flex;padding:.25rem .75rem;background-color:#8cc63f1a;border-radius:50px;font-size:var(--font-size-sm);color:var(--color-primary)}@media(prefers-color-scheme:dark){.tech-badge{background-color:#8cc63f26}}.filter-container{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.filter-btn{background-color:transparent;border:1px solid var(--color-border);border-radius:50px;padding:.5rem 1rem;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.projects-portfolio{margin-bottom:var(--space-xl)}.filter-item{transition:all .4s ease}.project-cta{background-color:var(--color-primary);color:#fff;padding:var(--space-xl) 0;text-align:center;border-radius:16px;margin-bottom:var(--space-xl)}.cta-content{max-width:600px;margin:0 auto}.project-cta h2{color:#fff;margin-bottom:var(--space-sm)}.project-cta p{margin-bottom:var(--space-md);opacity:.9}.project-cta .btn-primary{background-color:#fff;color:var(--color-primary)}.project-cta .btn-primary:hover{background-color:#ffffffe6}@media(max-width:992px){.featured-project-card{grid-template-columns:1fr}.featured-project-image{order:-1}}@media(max-width:768px){.page-hero h1{font-size:var(--font-size-3xl)}.page-hero p{font-size:var(--font-size-lg)}}.comments-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.comments-header h2{margin-bottom:0;font-size:var(--font-size-2xl);display:flex;align-items:center;gap:.5rem}.comments-header h2 i{color:var(--color-primary)}.comments-count{background-color:var(--color-primary);color:#fff;font-size:.9rem;font-weight:500;padding:.2rem .6rem;border-radius:50px;margin-left:.5rem}.comment{position:relative;margin-bottom:var(--space-md);padding:var(--space-md);background-color:var(--color-bg);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000a;transition:transform .3s ease,box-shadow .3s ease}.comment:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}@media(prefers-color-scheme:dark){.comment{background-color:var(--color-card-bg);box-shadow:0 2px 8px #0000001a}.comment:hover{box-shadow:0 4px 12px #00000026}}.comment-header{display:flex;align-items:center;margin-bottom:var(--space-sm)}.comment-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;margin-right:var(--space-sm);border:2px solid var(--color-primary);box-shadow:0 3px 8px #8cc63f33}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-author{font-weight:600;color:var(--color-heading);margin-right:.5rem;font-size:var(--font-size-lg)}.comment-meta{display:flex;align-items:center;color:var(--color-text-light);font-size:var(--font-size-sm);gap:var(--space-sm);margin-top:2px}.comment-meta time{display:flex;align-items:center;gap:.25rem}.comment-meta time i{color:var(--color-primary);opacity:.8}.author-badge{display:inline-block;background-color:var(--color-primary);color:#fff;font-size:.7rem;font-weight:500;padding:.1rem .5rem;border-radius:50px;margin-left:.5rem;box-shadow:0 2px 4px #8cc63f40;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #8cc63f66}70%{box-shadow:0 0 0 6px #8cc63f00}to{box-shadow:0 0 #8cc63f00}}.comment-body{margin-bottom:var(--space-sm);line-height:1.7}.comment-body p{margin-bottom:.75rem}.comment-body p:last-child{margin-bottom:0}.comment-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);border-top:1px dashed var(--color-border);padding-top:var(--space-sm)}.comment-action{display:flex;align-items:center;gap:.25rem;color:var(--color-text-light);font-size:var(--font-size-sm);transition:all .2s ease;padding:.25rem .75rem;border-radius:50px}.comment-action:hover{color:var(--color-primary);background-color:#8cc63f1a}.comment-action:active{transform:scale(.98)}.comment-action i{font-size:1.1rem}.comment-replies{margin-left:var(--space-xl);position:relative;padding-left:var(--space-md);margin-top:var(--space-md)}.comment-replies .comment{border-left:3px solid var(--color-primary)}.comment-form-container{margin-top:var(--space-xl);padding:var(--space-lg);background-color:var(--color-bg);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 4px 16px #0000000f}@media(prefers-color-scheme:dark){.comment-form-container{background-color:var(--color-card-bg);box-shadow:0 4px 16px #0000001f}}.comment-form-container h3{margin-bottom:var(--space-md);font-size:var(--font-size-xl);color:var(--color-primary);position:relative;display:inline-block}.comment-form-container h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:var(--color-primary);border-radius:3px}#reply-box{background-color:#8cc63f1a;padding:var(--space-sm) var(--space-md);border-radius:8px;margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:space-between;border-left:3px solid var(--color-primary);font-size:var(--font-size-md);line-height:1.5}#reply-box.hidden{display:none}#reply-box a{text-decoration:none;display:inline;padding:0;margin:0}#reply-link{font-weight:600;color:var(--color-primary)}#reply-cancel{color:var(--color-text-light);margin-left:var(--space-sm);text-decoration:underline;font-size:var(--font-size-sm)}#reply-cancel:hover{color:var(--color-primary)}.comment-input-group{margin-bottom:var(--space-md)}.comment-input-group label{display:block;margin-bottom:var(--space-xs);font-weight:500;color:var(--color-heading)}.comment-input-group input,.comment-input-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:var(--font-size-md);background-color:var(--color-bg);color:var(--color-text);transition:all .2s ease}@media(prefers-color-scheme:dark){.comment-input-group input,.comment-input-group textarea{background-color:var(--color-bg-alt)}}.comment-input-group input:focus,.comment-input-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8cc63f33}.comment-input-group textarea{min-height:120px;resize:vertical}.comment-form-footer{display:flex;justify-content:space-between;align-items:center}.comment-message{padding:var(--space-sm) var(--space-md);border-radius:8px;margin-bottom:var(--space-md);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comment-message.success{background-color:#5cb85c1a;color:#5cb85c;border:1px solid rgba(92,184,92,.2);border-left:3px solid #5cb85c}.comment-message.error{background-color:#d9534f1a;color:#d9534f;border:1px solid rgba(217,83,79,.2);border-left:3px solid #d9534f}.comment-message.hidden{display:none}@media(max-width:768px){.comment-replies{margin-left:var(--space-md)}.comment-header{flex-wrap:wrap}.comment-meta{margin-top:.25rem;width:100%}.comment-form-footer{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.comment-form-footer button{width:100%}}.tag-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.tag-meta{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-light);font-size:var(--font-size-md)}.post-count{font-weight:500}.back-link{display:flex;align-items:center;gap:.25rem;color:var(--color-primary);font-weight:500}.back-link:hover{text-decoration:underline}.tag-description{padding:var(--space-md);background-color:var(--color-bg-alt);border-left:4px solid var(--color-primary);border-radius:4px;margin-bottom:var(--space-lg)}.tag-description p{margin:0;line-height:1.6}@media(max-width:768px){.tag-detail-header{flex-direction:column;align-items:flex-start}.tag-meta{width:100%;justify-content:space-between}}.page-header{margin-bottom:var(--space-lg)}.page-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:.5rem}.page-header h1 i{color:var(--color-primary)}.lead-text{font-size:var(--font-size-lg);color:var(--color-text-light);max-width:800px;margin-bottom:var(--space-lg)}.page-section{padding:var(--space-xl) 0}.tags-alphabet{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.alphabet-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-bg-alt);color:var(--color-text);font-weight:600;transition:all .2s ease}.alphabet-link:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.tag-group{margin-bottom:var(--space-lg);scroll-margin-top:100px}.tag-group-letter{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-primary);display:inline-block}.tag-group-items{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tag-card{display:flex;align-items:center;padding:.75rem 1.25rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.tag-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000014;border-color:var(--color-primary);color:var(--color-primary)}.tag-name{font-weight:500}.empty-state{text-align:center;padding:var(--space-xl) 0}.empty-state i{font-size:4rem;color:var(--color-text-light);opacity:.3;margin-bottom:var(--space-md)}.empty-state h2{margin-bottom:var(--space-sm)}.empty-state p{max-width:500px;margin:0 auto var(--space-lg);color:var(--color-text-light)}@media(prefers-color-scheme:dark){.tag-card{background-color:var(--color-card-bg);box-shadow:0 2px 8px #00000026}.tag-card:hover{box-shadow:0 6px 12px #00000040}.alphabet-link{background-color:var(--color-card-bg)}}@media(max-width:768px){.tags-alphabet{justify-content:center}.tag-group-letter{width:100%}}