*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}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;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button{font-family:inherit}.portfolio{scroll-behavior:smooth}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo{color:#6366f1;cursor:pointer;font-size:1.5rem;font-weight:700;transition:color .3s ease}.logo:hover{color:#4f46e5}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-menu a{color:#333;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-menu a:after{background:#6366f1;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-menu a.active:after,.nav-menu a:hover:after{width:100%}.nav-menu a.active,.nav-menu a:hover{color:#6366f1}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:4px}.hamburger span{background:#333;height:3px;transition:all .3s ease;width:25px}.hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero:before{background:url('data:image/svg+xml;charset=utf-8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:1200px;padding:2rem;position:relative;text-align:center;z-index:1}.hero-title{animation:fadeInUp 1s ease;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.highlight{color:#fbbf24}.hero-subtitle{animation:fadeInUp 1s ease .2s both;font-size:2rem;margin-bottom:1.5rem;opacity:.9}.hero-description{animation:fadeInUp 1s ease .4s both;font-size:1.2rem;line-height:1.8;margin:0 auto 2rem;max-width:600px;opacity:.9}.hero-buttons{animation:fadeInUp 1s ease .6s both;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#fbbf24;color:#1f2937}.btn-primary:hover{background:#f59e0b;box-shadow:0 10px 25px #fbbf244d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.social-links{animation:fadeInUp 1s ease .8s both;gap:1.5rem}.social-links,.social-links a{display:flex;justify-content:center}.social-links a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;height:40px;transition:all .3s ease;width:40px}.social-links a:hover{background:#fff;color:#667eea;transform:translateY(-3px)}.social-links svg{height:20px;width:20px}.scroll-indicator{align-items:center;animation:bounce 2s infinite;bottom:2rem;color:#fff;display:flex;flex-direction:column;gap:.5rem;left:50%;opacity:.8;position:absolute;transform:translateX(-50%)}.scroll-arrow{background:#fff;height:30px;position:relative;width:2px}.scroll-arrow:after{border-bottom:2px solid #fff;border-right:2px solid #fff;bottom:0;content:"";height:10px;left:-4px;position:absolute;transform:rotate(45deg);width:10px}.about{background:#f9fafb;padding:6rem 0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{color:#1f2937;font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:#6366f1;border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.about-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.about-text p{color:#4b5563;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-image{display:flex;justify-content:center}.image-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);border:5px solid #fff;border-radius:50%;box-shadow:0 20px 60px #667eea4d;height:300px;overflow:hidden;width:300px}.image-placeholder img{display:block;height:180%;object-fit:cover;width:100%}.skills{background:#fff;padding:6rem 0}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-item{background:#f9fafb;border-radius:10px;padding:1.5rem;transition:transform .3s ease}.skill-item:hover{transform:translateY(-5px)}.skill-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{color:#1f2937;font-weight:600}.skill-percentage{color:#6366f1;font-weight:600}.skill-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;transition:width 1s ease}.projects{background:#f9fafb;padding:6rem 0}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 40px #0003;transform:translateY(-10px)}.project-image{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;overflow:hidden;position:relative}.project-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;gap:1rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-link{align-items:center;background:#fff;border-radius:50%;color:#6366f1;display:flex;height:50px;justify-content:center;transition:transform .3s ease;width:50px}.project-link:hover{transform:scale(1.1)}.project-link svg{height:24px;width:24px}.project-content{padding:1.5rem}.project-title{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.project-description{color:#4b5563;line-height:1.6;margin-bottom:1rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#e0e7ff;border-radius:20px;color:#6366f1;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.contact{background:#fff;padding:6rem 0}.contact-subtitle{color:#4b5563;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{align-items:flex-start;display:flex;gap:1.5rem}.contact-icon{align-items:center;background:#e0e7ff;border-radius:10px;color:#6366f1;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.contact-icon svg{height:24px;width:24px}.contact-item h4{color:#1f2937;margin:0 0 .5rem}.contact-item a,.contact-item p{color:#4b5563;margin:0;text-decoration:none}.contact-item a:hover{color:#6366f1}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;padding:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;outline:none}.form-group textarea{resize:vertical}.form-message{animation:fadeInUp .3s ease;border-radius:8px;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.form-message.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.form-message.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.btn:disabled{cursor:not-allowed;opacity:.6}.footer{background:#1f2937;color:#fff;padding:2rem 0;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@media (max-width:768px){.hamburger{display:flex}.nav-menu{background:#fff;box-shadow:0 10px 27px #0000000d;flex-direction:column;left:-100%;padding:2rem 0;position:fixed;text-align:center;top:70px;transition:left .3s ease;width:100%}.nav-menu.active{left:0}.hamburger.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1rem}.hero-buttons{align-items:center;flex-direction:column}.about-content,.contact-content{grid-template-columns:1fr}.section-title{font-size:2rem}.projects-grid,.skills-grid{grid-template-columns:1fr}}@media (max-width:480px){.nav-container{padding:1rem}.container{padding:0 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d85d2e51.css.map*/