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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #ffffff1a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-logo a{border:2px solid #fff;border-radius:8px;color:#fff;font-size:1.5rem;font-weight:700;padding:.5rem;text-decoration:none;transition:all .3s ease}.nav-logo a:hover{background:#fff;color:#764ba2}.nav-menu{display:flex;gap:2rem}.nav-link{border-radius:8px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a}.nav-link.active{background:#fff3;font-weight:700}.main-content{flex:1 1;margin:2rem auto;max-width:1200px;padding:0 2rem;width:100%}.footer{background:#0003;margin-top:auto}.footer,.home{padding:2rem;text-align:center}.hero{margin-bottom:4rem}.hero-title{animation:fadeInUp .8s ease;font-size:3rem;margin-bottom:1rem}.name-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold,#ffed4e);-webkit-background-clip:text}.hero-subtitle{animation:fadeInUp .8s ease .2s both;color:gold;font-size:1.8rem;margin-bottom:1rem}.hero-description{animation:fadeInUp .8s ease .4s both;font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-buttons{animation:fadeInUp .8s ease .6s both;display:flex;gap:1rem;justify-content:center}.tech-stack{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:2rem}.tech-stack h3{font-size:1.5rem;margin-bottom:1.5rem}.tech-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tech-item{background:#ffffff1a;border-radius:10px;padding:1rem;transition:all .3s ease}.tech-item:hover{background:#fff3;transform:translateY(-2px)}.about{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 8px 32px 0 #1f26875e;margin:0 auto;max-width:600px;padding:2rem;text-align:center}.about h1{font-size:2.5rem;margin-bottom:.5rem}.about h2{color:gold;font-size:1.5rem;margin-bottom:1rem}.about p{font-size:1.1rem;margin:.5rem 0}.projects{padding:2rem}.projects h1{font-size:2.5rem;margin-bottom:1rem;text-align:center}.projects-intro{font-size:1.1rem;margin-bottom:2rem;opacity:.9;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem;transition:all .3s ease}.project-card:hover{border-color:#ffffff4d;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.project-card h3{color:gold;margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{background:#fff3;border-radius:20px;font-size:.9rem;padding:.25rem .75rem}.project-links{display:flex;gap:1rem;margin-top:1rem}.project-link{background:#ffffff1a;border-radius:8px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#fff3}.contact{margin:0 auto;max-width:1000px;padding:2rem}.contact h1{font-size:2.5rem;margin-bottom:1rem;text-align:center}.contact-intro{font-size:1.1rem;margin-bottom:2rem;opacity:.9;text-align:center}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:2rem}.info-item{margin-bottom:1.5rem}.info-item h3{color:gold;margin-bottom:.5rem}.social-links{display:flex;gap:1rem}.social-links a{background:#ffffff1a;border-radius:8px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:#fff3}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:1rem;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffffb3}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:gold;outline:none}.status-message{border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.status-message.success{background:#4caf5033;border:1px solid #4caf5080}.status-message.error{background:#f4433633;border:1px solid #f4433680}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:gold;color:#764ba2;font-weight:700}.btn-primary:hover{background:#ffed4e;transform:translateY(-2px)}.btn-secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading{font-size:1.2rem;padding:2rem;text-align:center}@media (max-width:768px){.nav-menu{gap:1rem}.nav-link{font-size:.9rem;padding:.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.3rem}.hero-buttons{align-items:center;flex-direction:column}.contact-content,.projects-grid{grid-template-columns:1fr}}.menu-icon{display:none}@media screen and (max-width:960px){.menu-icon{color:#fff;cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;transform:translate(-100%,60%);z-index:1000}.nav-menu{display:flex;flex-direction:column;height:90vh;left:-100%;opacity:0;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{background:#1a1a1a;transition:all .5s ease}.nav-menu.active{left:0;opacity:1;z-index:999}.nav-link{display:table;font-size:1.5rem;padding:2rem;text-align:center;width:100%}.nav-link:hover{background-color:#4a4a4a;border-radius:0}}
/*# sourceMappingURL=main.423f57e9.css.map*/