body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,ul{list-style:none;margin:0;padding:0}a{text-decoration:none}:focus{outline:2px solid #2563eb;outline-offset:2px}:focus:not(:focus-visible){outline:none}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App,body{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e0e0e0;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo{color:#000;font-size:1.5rem;font-weight:700}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{color:#333;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#000}.main-content{margin-top:0}.hero-section{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#000;display:flex;min-height:90vh;padding:80px 0 2rem}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.highlight{border-bottom:3px solid #000;color:#000}.hero-subtitle{color:#666;font-size:1.5rem;margin-bottom:1rem}.hero-description{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#000;color:#fff}.btn-primary:hover{background:#333;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #000;color:#000}.btn-secondary:hover{background:#000;color:#fff;transform:translateY(-2px)}.hero-image,.profile-placeholder{align-items:center;display:flex;justify-content:center}.profile-placeholder{background:#f8f9fa;border:4px solid #e0e0e0;border-radius:50%;color:#000;cursor:pointer;font-size:4rem;font-weight:700;height:300px;overflow:hidden;position:relative;transition:all .3s ease;width:300px}.profile-placeholder:hover{border-color:#000;box-shadow:0 10px 30px #0000004d;transform:scale(1.1)}.profile-image{border-radius:50%;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.profile-placeholder:hover .profile-image{transform:scale(1.05)}.section{background:#fff;padding:5rem 0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.about-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}.about-text p{color:#555;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.skills h3{color:#000;font-size:1.5rem;margin-bottom:1.5rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category h4{color:#000;font-size:1.2rem;margin-bottom:1rem}.skill-category ul{list-style:none}.skill-category li{color:#555;padding:.5rem 0 .5rem 1.5rem;position:relative}.skill-category li:before{color:#000;content:"▹";left:0;position:absolute}.timeline{margin:0 auto;max-width:800px;position:relative}.timeline:before{background:#e0e0e0;bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:3rem;padding-left:60px;position:relative}.timeline-marker{background:#000;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e0e0e0;height:20px;left:11px;position:absolute;top:0;width:20px}.timeline-content h3{color:#000;font-size:1.3rem;margin-bottom:.5rem}.timeline-company{color:#666;font-size:1rem;font-weight:600;margin-bottom:1rem}.timeline-content p{color:#555;line-height:1.6}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.project-image{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;height:200px;justify-content:center}.project-placeholder{color:#666;font-size:1.5rem;font-weight:600}.project-content{padding:1.5rem}.project-content h3{color:#000;font-size:1.3rem;margin-bottom:1rem}.project-content p{color:#555;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;color:#333;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.project-links{display:flex;gap:1rem}.project-link{color:#000;font-weight:600;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#666}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.contact-info h3{color:#000;font-size:1.8rem;margin-bottom:1rem}.contact-info p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:center;color:#555;display:flex;font-size:1.1rem;gap:1rem}.contact-icon{font-size:1.2rem}.contact-form{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.form-group{margin-bottom:1.5rem}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#000;outline:none}.form-input::placeholder{color:#999}.footer{background:#000;color:#fff;margin-top:2rem;padding:2rem 0;text-align:center}@media (max-width:768px){.nav-menu{display:none}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.profile-placeholder{font-size:3rem;height:200px;width:200px}.contact-content{gap:2rem}.contact-content,.projects-grid,.skills-grid{grid-template-columns:1fr}.hero-buttons{align-items:center;flex-direction:column}.btn{width:200px}}@media (max-width:480px){.container,.nav-container{padding:0 1rem}.hero-title,.section-title{font-size:2rem}}
/*# sourceMappingURL=main.5ac2316a.css.map*/