@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");:root{--color-bg:#a1b896;--color-text:#445d39;--color-primary:#445d39;--color-primary-light:rgba(68,93,57,0.7);--color-bg-light:rgba(161,184,150,0.8);--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-text) 100%);--gradient-bg:linear-gradient(135deg,var(--color-bg) 0%,#b5c7a8 100%);--font-xs:clamp(1.2rem,3vw,1.4rem);--font-sm:clamp(1.4rem,3.5vw,1.6rem);--font-md:clamp(1.6rem,4vw,1.8rem);--font-lg:clamp(1.8rem,4.5vw,2rem);--font-xl:clamp(2rem,5vw,2.2rem);--font-2xl:clamp(2.2rem,5.5vw,2.5rem);--font-3xl:clamp(2.5rem,6vw,3rem);--font-4xl:clamp(3rem,7vw,3.5rem)}body{background:var(--color-bg);color:var(--color-text);font-family:VT323,monospace;margin:0;padding:0;box-sizing:border-box;font-size:var(--font-lg);overflow-x:hidden;min-height:100vh;position:relative}.header{display:inline-flex;justify-content:flex-end;padding:.5rem;background-color:var(--color-bg-light);box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;top:10px;right:10px;border-radius:10px;z-index:100}a{text-decoration:none}.navbar{display:flex;align-items:center}.navbar-list{display:flex;list-style:none;margin:0;padding:0;gap:1.5rem}.navbar-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-weight:500;font-size:var(--font-md);padding:.5rem 1rem;position:relative;transition:all .3s ease;border-radius:5px}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease;border-radius:2px}.navbar-link:hover:after{width:100%}.navbar-link.active-link{color:var(--color-primary);background-color:rgba(68,93,57,.1)}.navbar-link.active-link:after{width:100%}.navbar-link:hover{color:var(--color-primary);background-color:rgba(68,93,57,.1)}.section{padding:1rem 2rem;position:relative;overflow:hidden}.hero-section{height:100vh;display:flex;flex-direction:column;justify-content:space-evenly}.socialIcons{display:flex;gap:1rem;margin-top:1.5rem}.social-link{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:var(--font-lg);color:var(--color-text);background-color:var(--color-bg);border-radius:50%;transition:all .3s ease-in-out}.social-link:hover{background-color:var(--color-primary);color:var(--color-bg);transform:translateY(-3px)}.skills-grid{display:grid;grid-template-columns:1fr;gap:2rem;position:relative}@media (min-width:640px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border:1px solid var(--color-text);border-radius:.5rem;transition:all .4s ease;background:var(--color-bg-light);backdrop-filter:blur(10px);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease;z-index:-1}.skill-card:hover{background:transparent;color:var(--color-bg);transform:translateY(-5px) rotate(1deg);box-shadow:0 10px 30px rgba(0,0,0,.15);border-color:transparent}.skill-card:hover:before{opacity:1}.skill-card:hover .skill-icon{color:var(--color-bg);transform:scale(1.2) rotate(15deg)}.skill-card:hover .skill-level,.skill-card:hover .skill-name{color:var(--color-bg)}.skill-icon-wrapper{flex-shrink:0;transition:all .4s ease}.skill-icon{color:var(--color-primary);width:2.5rem;height:2.5rem;transition:all .4s ease}.skill-info{display:flex;flex-direction:column}.skill-name{font-weight:700;color:var(--color-text);font-size:var(--font-xl);transition:all .4s ease}.skill-level{font-size:var(--font-lg);color:var(--color-primary);transition:all .4s ease}.css-icon,.framer-icon,.github-icon,.html-icon,.js-icon,.langchain-icon,.mongodb-icon,.nextjs-icon,.nodejs-icon,.shadcn-icon,.tailwind-icon,.ts-icon{color:var(--color-primary);width:2.5rem;height:2.5rem;transition:all .4s ease}.portfolio-section{padding:5rem 2rem;position:relative}.portfolio-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--gradient-primary);opacity:.2}.portfolio-container{display:flex;gap:3rem;flex-direction:column}@media (min-width:768px){.portfolio-container{flex-direction:row}}.portfolio-details{display:flex;flex-direction:column;justify-content:center;max-width:500px}.common-heading,.portfolio-title{font-size:var(--font-4xl);font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block}.common-heading:after,.portfolio-title:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:var(--gradient-primary);border-radius:2px}.portfolio-subtitle{font-size:var(--font-2xl);margin-bottom:1rem;position:relative;padding-left:1.5rem}.portfolio-subtitle:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--color-primary);border-radius:50%}.portfolio-description{font-size:var(--font-lg);margin-bottom:1rem;line-height:1.6}.portfolio-tech-title{font-weight:600;margin-bottom:.5rem;font-size:var(--font-xl);display:inline-block;padding:.25rem .75rem;background:rgba(68,93,57,.1);border-radius:4px}.portfolio-tech-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.tech-item{margin-bottom:.5rem;font-size:var(--font-md);padding:.25rem .75rem;background:var(--color-bg-light);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(19,42,1,.1);transition:all .3s ease}.tech-item:hover{background:var(--color-primary);color:var(--color-bg);transform:translateY(-2px)}.portfolio-slider{box-shadow:0 20px 40px rgba(0,0,0,.15);transition:all .4s ease;display:flex;flex-direction:column;gap:1rem;padding:1rem;flex:1}.singleSlideTitle{display:flex;flex-direction:row;align-items:center;gap:.5rem}.projectSubtitle{display:flex;justify-content:space-between;align-items:center}@media (max-width:500px){.projectSubtitle{flex-direction:column;align-items:start}}.swiper-button-next,.swiper-button-prev{color:var(--color-primary)!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:var(--font-lg)}@media (min-width:768px){.swiper-button-next:after,.swiper-button-prev:after{font-size:var(--font-xl)}}.swiper-pagination-bullet{background:var(--color-text)!important;opacity:.4}.swiper-pagination-bullet-active{background:var(--color-primary)!important;opacity:1}.contact-section{padding:5rem 2rem;position:relative}.contact-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 90% 90%,rgba(179,199,166,.3) 0,transparent 30%),radial-gradient(circle at 10% 10%,rgba(179,199,166,.3) 0,transparent 30%);pointer-events:none;z-index:-1}.contact-container{margin-top:3rem;position:relative}.contact-content{display:flex;gap:3rem}@media (max-width:992px){.contact-content{flex-direction:column;gap:5rem}}.contact-info{padding:2rem;background:var(--color-bg-light);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(19,42,1,.1);box-shadow:0 20px 40px rgba(0,0,0,.1);height:fit-content;max-width:500px}.contact-info-title{font-size:var(--font-2xl);margin-bottom:1rem;color:var(--color-primary);position:relative;display:inline-block}.contact-info-title:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:3px;background:var(--color-primary);border-radius:2px}.contact-info-description{font-size:var(--font-lg);margin-bottom:2rem;line-height:1.6}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-detail-item{display:flex;align-items:flex-start;gap:1rem}.contact-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-primary);color:var(--color-bg);border-radius:50%;flex-shrink:0}.contact-text h4{font-size:var(--font-lg);margin-bottom:.25rem;color:var(--color-primary)}.contact-text p{font-size:var(--font-md);margin:0}.contact-form{display:flex;flex-direction:column;gap:1.5rem;flex:1;background:var(--color-bg-light);backdrop-filter:blur(10px);padding:1rem;border-radius:1rem;border:1px solid rgba(19,42,1,.1);box-shadow:0 20px 40px rgba(0,0,0,.1);transition:all .4s ease}.contact-form:hover{box-shadow:0 25px 50px rgba(0,0,0,.15)}.form-group{display:flex;flex-direction:column;gap:.5rem}.input-label{display:flex;align-items:center;gap:.5rem}.selectInput{padding:.5rem .75rem;font-size:var(--font-md);background-color:var(--color-bg);outline:none}.selectInput:focus{border-color:var(--color-primary)}.selectOption{background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-md)}.label-icon,.label-text{color:var(--color-primary)}.label-text{font-size:var(--font-md);font-weight:600}.form-input,.form-textarea{padding:.75rem 1rem;border-radius:.5rem;background-color:var(--color-bg);border:1px solid rgba(19,42,1,.2);color:var(--color-text);font-size:var(--font-md);transition:all .3s ease}.form-textarea{height:10rem;resize:none}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(68,93,57,.3);transform:translateY(-2px)}.form-input::placeholder,.form-textarea::placeholder{font-family:VT323,monospace;color:rgba(19,42,1,.5)}.errorMessage{display:block;margin-top:4px;font-size:var(--font-xs);color:#dc2626;font-weight:500;line-height:1.4}.btn{padding:.75rem 2rem;background:var(--gradient-primary);font-weight:700;border-radius:.5rem;cursor:pointer;text-align:center;font-size:var(--font-md);border:none;transition:all .4s ease;position:relative;overflow:hidden;z-index:1;font-family:VT323,monospace;text-decoration:none}.btn,.btn:hover{color:var(--color-bg)}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.submit-btn{align-self:flex-end;margin-top:1rem}.footer-section{background:var(--gradient-bg);color:var(--color-text);padding:0 2rem;font-family:VT323,monospace;display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:var(--font-sm);color:var(--color-text)}.userIcon{cursor:pointer}@media (max-width:768px){.portfolio-title{font-size:var(--font-3xl)}.portfolio-subtitle{font-size:var(--font-xl)}.skill-card{flex-direction:column;text-align:center}body{font-size:var(--font-md)}.skill-name{font-size:var(--font-lg)}.skill-level{font-size:var(--font-md)}}@media (max-width:480px){.section{padding:1rem}.contact-section,.portfolio-section{padding:3rem 1rem}.portfolio-title{font-size:var(--font-2xl)}.portfolio-subtitle{font-size:var(--font-lg)}.slide-title{font-size:var(--font-md)}}.blogInfo{gap:1.5rem;margin-bottom:1rem}.blogInfo,.blogMeta{display:flex;align-items:center}.blogMeta{gap:.5rem;color:var(--color-text);font-size:var(--font-xs)}.blogMeta .icon{color:var(--color-primary)}.blogCategory{font-weight:500;margin:0}.blogCreatedAt{margin:0;opacity:.8}@media (max-width:768px){.blogInfo{flex-direction:column;align-items:flex-start;gap:.8rem}.blogMeta{gap:.4rem}}.singleBlogPage{display:flex;flex-direction:column;gap:1}.blog-list-container{max-width:1200px;margin:0 auto;padding:20px}.category-filter{display:inline-flex;margin-bottom:30px;padding:20px;background:var(--color-bg-light);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.label-text{font-weight:500;white-space:nowrap}.label-text,.selectInput{color:var(--color-text);font-size:var(--font-sm)}.selectInput{padding:10px 15px;border:none;cursor:pointer;transition:all .3s ease;min-width:200px}.selectInput:focus{outline:none}.selectInput:hover{border-color:var(--color-primary)}p{margin:10px 0;color:var(--color-text);font-size:var(--font-sm)}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill);gap:24px;margin-top:20px}.blog-card{background:var(--color-bg-light);border-radius:16px;padding:6px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;height:fit-content}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.blog-card h3{font-size:var(--font-lg);font-weight:600;color:var(--color-text)}.blog-card p{color:var(--color-text);font-size:var(--font-sm);opacity:.9}.blog-card p strong{color:var(--color-primary);font-weight:500}@media (max-width:768px){.blog-list-container{padding:15px}.selectInput{min-width:unset;width:100%}.blogs-grid{grid-template-columns:1fr;gap:20px}.blog-card{padding:20px}.blog-card h3{font-size:var(--font-md)}}@media (max-width:480px){.blog-list-container{padding:10px}.blog-card{padding:16px}.btn{padding:10px 20px;font-size:var(--font-xs)}}.no-blogs-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;text-align:center;grid-column:1/-1}.no-blogs-found svg{stroke-width:1.5}.no-blogs-found p{font-size:var(--font-md);font-weight:500;margin:0}.no-blogs-found{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.no-blogs-found{padding:30px 20px}.no-blogs-found svg{width:28px;height:28px}.no-blogs-found p{font-size:var(--font-sm)}}.adminForm{max-width:300px;padding:2rem}.page{min-height:90vh;justify-content:center}.page,p.warning-message{display:flex;align-items:center}p.warning-message{background-color:var(--color-primary-light);color:var(--color-bg);padding:1rem;border:var(--color-primary);border-radius:.5rem;font-weight:700;margin:1rem 0;gap:.5rem}