.theme-toggle[data-astro-cid-x3pjskd3]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;color:var(--dark-color)}.theme-toggle[data-astro-cid-x3pjskd3]:hover{background-color:var(--light-gray)}[data-astro-cid-x3pjskd3][data-theme=dark] .theme-toggle[data-astro-cid-x3pjskd3]{color:var(--text-color)}[data-astro-cid-x3pjskd3][data-theme=dark] .theme-toggle[data-astro-cid-x3pjskd3]:hover{background-color:var(--border-color)}.theme-toggle[data-astro-cid-x3pjskd3] .moon-icon[data-astro-cid-x3pjskd3]{display:none}.theme-toggle[data-astro-cid-x3pjskd3] .sun-icon[data-astro-cid-x3pjskd3],.theme-toggle[data-astro-cid-x3pjskd3].dark .moon-icon[data-astro-cid-x3pjskd3]{display:block}.theme-toggle[data-astro-cid-x3pjskd3].dark .sun-icon[data-astro-cid-x3pjskd3]{display:none}.nav-wrapper[data-astro-cid-3ef6ksr2]{gap:1rem}@media (max-width: 768px){.nav-wrapper[data-astro-cid-3ef6ksr2]{gap:.5rem}}:root{--primary-color: #8FA31E;--primary-dark: #556B2F;--secondary-color: #7209b7;--accent-color: #8aae7d;--accent-color-dark: #FF2A00;--light-color: #f8f9fa;--dark-color: #212529;--gray-color: #6c757d;--light-gray: #e9ecef;--success-color: #4cc9f0;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-heading: "Poppins", var(--font-main);--font-mono: "Fira Code", "Roboto Mono", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius-sm: .25rem;--border-radius: .5rem;--border-radius-lg: 1rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow: 0 3px 6px rgba(0,0,0,.15), 0 2px 4px rgba(0,0,0,.12);--shadow-lg: 0 10px 20px rgba(0,0,0,.15), 0 3px 6px rgba(0,0,0,.1);--shadow-xl: 0 15px 25px rgba(0,0,0,.15), 0 5px 10px rgba(0,0,0,.05);--transition: all .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);line-height:1.6;color:var(--dark-color);background:var(--background-color);background:#eff5d2;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem;margin-top:25px}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:var(--spacing-md)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-wide{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid{display:grid}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}img{max-width:100%;height:auto}header{background-color:#c6d870;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;padding:var(--spacing-md) 0}header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-weight:800;font-size:1.5rem;color:var(--dark-color)}.logo span{color:var(--primary-color)}nav ul{display:flex;list-style:none;gap:var(--spacing-lg)}nav a{color:var(--dark-color);font-weight:500;position:relative;padding:var(--spacing-xs) 0}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:var(--transition)}nav a:hover:after,nav a.active:after{width:100%}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;text-align:center;cursor:pointer;transition:var(--transition);border:none;font-family:var(--font-main)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow)}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow)}.hero{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.hero-content{max-width:800px;margin:0 auto;text-align:center}.hero h1{font-size:3rem;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:var(--gray-color);margin-bottom:var(--spacing-xl)}.section{padding:var(--spacing-xxl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-xl);position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background:var(--accent-color);margin:var(--spacing-md) auto;border-radius:2px}.skills-section{padding:5rem 1rem;background:linear-gradient(135deg,#284328,#235523,#284328);color:#fff;position:relative;border-radius:20px;margin:2rem 1rem;overflow:hidden;box-shadow:0 10px 30px #0000004d}.section-title{text-align:center;font-size:2.5rem;margin-bottom:.5rem;font-weight:700;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skill-category{background:#ffffff0d;border-radius:16px;padding:1.5rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.category-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.category-underline{height:3px;width:50px;background:var(--accent-color);margin:0 auto;border-radius:2px}.skill-tag{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#ffffff14;border-radius:8px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative}.skill-tag:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-color)}.projects-indicator{position:absolute;top:-8px;right:-8px;background:var(--accent-color);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;box-shadow:0 2px 5px #0003}.card{background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-img{width:100%;height:200px;object-fit:cover}.card-body{padding:var(--spacing-lg)}.card-title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}footer{background-color:var(--dark-color);color:#fff;padding:var(--spacing-xl) 0}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.footer-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;margin-bottom:var(--spacing-md)}.footer-logo span{color:var(--primary-color)}.footer-links h4{margin-bottom:var(--spacing-md);color:#fff}.footer-links ul{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.social-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.social-links a{color:#fff;font-size:1.25rem}.copyright{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.post-preview{border-radius:var(--border-radius);overflow:hidden;transition:var(--transition)}.post-preview:hover{box-shadow:var(--shadow-lg)}.post-meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--gray-color);font-size:.9rem;margin-bottom:var(--spacing-sm)}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.tag{background-color:var(--light-gray);color:var(--dark-color);padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:500}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}@media (max-width: 768px){:root{--spacing-xl: 1.5rem;--spacing-xxl: 2rem}h1{font-size:2rem}h2{font-size:1.75rem}.hero h1{font-size:2.25rem}.hero p{font-size:1.1rem}header .container{flex-direction:column;gap:var(--spacing-md)}nav ul{flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}}.caption{margin-top:1.5rem;font-size:1.2rem;min-height:2rem;color:#000}[data-theme=dark]{--primary-color: #00bd16;--primary-dark: #03650e;--secondary-color: #8392ab;--accent-color: #a6e49a;--light-color: #1a1d21;--dark-color: #f8f9fa;--gray-color: #8a8d93;--light-gray: #d5d5d5;--background-color: #002305;--background-grade: linear-gradient(135deg, #001a00, #003300, #002200);--surface-color: #1e1e1e;--text-color: #f8f9fa;--border-color: #2d2d2d}[data-theme=dark] body{background:var(--background-color);color:var(--text-color)}[data-theme=dark] header{background-color:var(--surface-color);box-shadow:0 2px 4px #00000080;border-bottom:1px solid var(--border-color)}[data-theme=dark] .card{background-color:var(--surface-color);border:1px solid var(--border-color)}[data-theme=dark] .btn-outline{border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .btn-outline:hover{background-color:var(--primary-color);color:#fff}[data-theme=dark] .tag{background-color:var(--border-color);color:var(--text-color)}[data-theme=dark] footer{background-color:var(--surface-color);border-top:1px solid var(--border-color)}[data-theme=dark] .bg-light{background-color:var(--surface-color)!important}[data-theme=dark] .caption{margin-top:1.5rem;font-size:1.2rem;min-height:2rem;color:#fff}[data-theme=dark] .skills-section{padding:5rem 1rem;background:linear-gradient(135deg,#284328,#235523,#284328);color:#fff;position:relative;border-radius:20px;margin:2rem 1rem;overflow:hidden;box-shadow:0 10px 30px #0000004d}.portfolio-grid{display:flex;flex-direction:column;gap:0}.portfolio-item{padding:2rem 0}.portfolio-content{display:grid;grid-template-columns:400px 1fr;gap:2rem;align-items:start}.portfolio-image{display:flex;justify-content:center}.portfolio-image img{border-radius:8px;object-fit:cover;box-shadow:0 4px 6px #0000001a}.portfolio-info{display:flex;flex-direction:column;gap:1rem}.portfolio-divider{height:1px;background-color:#e5e5e5;margin:1rem 0;width:100%}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#f1f5f9;padding:.25rem .75rem;border-radius:16px;font-size:.875rem;color:#475569}@media (prefers-color-scheme: dark){.portfolio-divider{background-color:#374151}.tag{background-color:#374151;color:#d1d5db}}@media (max-width: 768px){.portfolio-content{grid-template-columns:1fr;gap:1rem}.portfolio-image{justify-content:flex-start}.portfolio-image img{width:100%;max-width:400px;height:auto}}.wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
