@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);.theme-toggle-button{align-items:center;background:none;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle-button:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(15deg) scale(1.1)}:root{--bg-primary:#fff;--bg-secondary:#f0f6fc;--bg-header:#ffffffd9;--text-primary:#24292e;--text-secondary:#586069;--accent-primary:#0366d6;--accent-secondary:#005cc5;--border-color:#e1e4e8;--shadow-color:#0000001a;--hero-bg:linear-gradient(135deg,#2c974b,#22863a);--hero-text:#fff;--hero-span:#d1f7d8;--project-card-bg:#fff;--project-title-color:#0366d6;--skill-bg:#2d3748;--skill-text:#fff;--btn-primary-bg:#2ea44f;--btn-primary-text:#fff;--btn-primary-shadow:#22863add}body.dark{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-header:#161b22d9;--text-primary:#c9d1d9;--text-secondary:#8b949e;--accent-primary:#58a6ff;--accent-secondary:#58a6ff;--border-color:#30363d;--shadow-color:#000000b3;--hero-bg:linear-gradient(135deg,#238636,#2ea043);--hero-text:#f0f6fc;--hero-span:#aff5b4;--project-card-bg:#161b22;--project-title-color:#8affc1;--skill-bg:#2d3748;--skill-text:#fff;--btn-primary-bg:#238636;--btn-primary-text:#fee162;--btn-primary-shadow:#2ea043aa}*,:after,:before{box-sizing:border-box}body{background-color:#fff;background-color:var(--bg-primary);color:#24292e;color:var(--text-primary);font-family:Montserrat,sans-serif;line-height:1.6;margin:0;transition:background-color .3s ease,color .3s ease}.container{margin:0 auto;max-width:960px;padding:0 1rem}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;background-color:var(--bg-header);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;z-index:999}.header-container{height:60px}.logo{color:#0366d6;color:var(--accent-primary);font-size:1.6rem}.nav-link{color:#586069;color:var(--text-secondary);cursor:pointer;padding:.5rem 0;position:relative}.nav-link:focus,.nav-link:hover{color:#0366d6;color:var(--accent-primary)}.nav-link:after{background-color:#0366d6;background-color:var(--accent-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:focus:after,.nav-link:hover:after{width:100%}.hero-section{background:linear-gradient(135deg,#2c974b,#22863a);background:var(--hero-bg);border-radius:0 0 50% 50%/20%;color:#fff;color:var(--hero-text);overflow:hidden;padding:6rem 1rem;position:relative;text-align:center}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:.5rem}.hero-title span{color:#d1f7d8;color:var(--hero-span)}.hero-subtitle{font-size:1.3rem;font-style:italic;font-weight:400;margin-bottom:2rem}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;left:0;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.logo{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{color:#555;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#007bff}.nav-toggle{background:#0000;border:none;cursor:pointer;display:none;height:24px;padding:0;position:relative;width:30px;z-index:1010}.hamburger{display:block;position:relative;transition:transform .3s ease,background-color .3s ease}.hamburger,.hamburger:after,.hamburger:before{background-color:#333;border-radius:3px;height:3px;width:100%}.hamburger:after,.hamburger:before{content:"";left:0;position:absolute;transition:transform .3s ease,top .3s ease}.hamburger:before{top:-8px}.hamburger:after{top:8px}.nav-toggle.nav-open .hamburger{background-color:initial}.nav-toggle.nav-open .hamburger:before{top:0;transform:rotate(45deg)}.nav-toggle.nav-open .hamburger:after{top:0;transform:rotate(-45deg)}@media (max-width:768px){.nav-toggle{display:block}.nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;display:flex;height:100vh;justify-content:center;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.77,0,.175,1);width:70%}.nav.nav-open-mobile{transform:translateX(0)}.nav-list{align-items:center;flex-direction:column;gap:2.5rem}.nav-link{color:#333;font-size:1.5rem}}.btn{border:none;border-radius:30px;cursor:pointer;display:inline-block;font-weight:700;padding:.75rem 2.25rem;text-decoration:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.btn-primary{background-color:#2ea44f;background-color:var(--btn-primary-bg);box-shadow:0 4px 15px #22863add;box-shadow:0 4px 15px var(--btn-primary-shadow);color:#fff;color:var(--btn-primary-text)}.btn-primary:focus,.btn-primary:hover{background-color:#005cc5;background-color:var(--accent-secondary);box-shadow:0 6px 20px #22863add;box-shadow:0 6px 20px var(--btn-primary-shadow);outline:none}.btn-outline{background:#0000;border:2px solid #0366d6;border:2px solid var(--accent-primary);color:#0366d6;color:var(--accent-primary)}.btn-outline:focus,.btn-outline:hover{background-color:#0366d6;background-color:var(--accent-primary);color:#fff;color:var(--bg-primary);outline:none}.btn-sm{font-size:.875rem;font-weight:600;padding:.4rem 1.2rem}.section{padding:4rem 0}.section-title{color:#0366d6;color:var(--accent-primary);margin-bottom:1rem}#skills .section-title{border-bottom:2px solid #e1e4e8;border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:.75rem}.section-description{color:#586069;color:var(--text-secondary);font-size:1.1rem;margin:0 auto 2rem;max-width:600px;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background-color:#fff;background-color:var(--project-card-bg);border-radius:12px;box-shadow:0 2px 12px #0000001a;box-shadow:0 2px 12px var(--shadow-color);color:inherit;padding:1.5rem;text-decoration:none;transition:all .3s ease}.project-card:focus-within,.project-card:hover{box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--shadow-color);transform:translateY(-5px)}.project-title{color:#0366d6;color:var(--project-title-color);font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.project-desc-hover{color:#586069;color:var(--text-secondary);font-size:1rem;margin-top:.5rem;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.project-card:hover .project-desc-hover{opacity:1;transform:translateY(0)}.section-title{color:#fff;color:var(--skill-text);font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.skill-category-title{color:#0366d6;color:var(--accent-primary);font-size:1.75rem;font-weight:600;margin-bottom:2rem;margin-top:3rem;position:relative;text-align:center}.skill-category-title:after{background-color:#0366d6;background-color:var(--accent-primary);border-radius:2px;content:"";display:block;height:4px;margin:.6rem auto 0;opacity:.7;width:60px}.skills-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skill-item{gap:1rem;width:120px}.skill-card,.skill-item{align-items:center;display:flex;flex-direction:column}.skill-card{background:#2d3748;background:var(--skill-bg);border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 10px #0000001a;color:#fff;color:var(--skill-text);font-size:.95rem;font-weight:600;gap:.75rem;height:120px;justify-content:center;padding:1rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;width:100%}.skill-card:hover{border-color:#0366d6;border-color:var(--accent-primary);box-shadow:0 10px 20px #00000026;transform:translateY(-8px)}.skill-icon{height:3.5rem;object-fit:contain;transition:transform .3s ease;width:3.5rem}.skill-card:hover .skill-icon{transform:scale(1.1)}.skill-progress-wrapper{display:flex;flex-direction:column;gap:.3rem;width:100%}.skill-progress-track{background-color:var(--track-bg);border-radius:10px;height:8px;overflow:hidden;position:relative;width:100%}.skill-progress-fill{animation:fillBar 1.5s ease-out forwards;background:linear-gradient(90deg,#005cc5,#0366d6);background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));border-radius:10px;height:100%;width:0}.skill-percentage-text{align-self:flex-end;color:#888;font-size:.8rem;font-weight:500}@keyframes fillBar{0%{width:0}to{width:var(--target-width)}}.skill-icon[src*=svgrepo],body.light .skill-icon[src*=laravel]{filter:invert(1)}.form-container{padding:2rem 0}form{background-color:#f0f6fc;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;margin:0 auto;max-width:500px;padding:20px 40px;width:90%}label{color:#586069;color:var(--text-secondary);display:block;font-weight:700;margin-bottom:8px}input[type=email],input[type=name],textarea{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:#24292e;color:var(--text-primary);margin-bottom:20px;padding:10px;width:100%}textarea{min-height:100px;resize:vertical}button[type=submit]{background-color:#2ea44f;background-color:var(--btn-primary-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px;transition:background-color .3s ease;width:100%}button[type=submit]:hover{background-color:#005cc5;background-color:var(--accent-secondary)}.footer{background-color:#f0f6fc;background-color:var(--bg-secondary);border-top:1px solid #e1e4e8;border-top:1px solid var(--border-color);color:#586069;color:var(--text-secondary);font-size:.9rem;padding:1.5rem 1rem;text-align:center}.footer-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:960px}.social-links a{color:#0366d6;color:var(--accent-primary);margin-left:1rem;text-decoration:none}.social-links a:focus,.social-links a:hover{text-decoration:underline}
/*# sourceMappingURL=main.f1a860e9.css.map*/