*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}html{scroll-behavior:smooth}.container{margin:0 auto;max-width:1200px;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem;margin-bottom:2rem}h3{font-size:1.5rem}p{color:#666;margin-bottom:1rem}a{color:#007bff;text-decoration:none;transition:color .3s ease}a:hover{color:#0056b3}button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.text-center{text-align:center}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@media (max-width:768px){.container{padding:0 15px}h1{font-size:2rem}h2{font-size:1.75rem}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}section:not(.home-hero){padding:80px 0}html{scroll-padding-top:80px}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#bcd6f1;border-bottom:1px solid #e9ecef;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 20px}.nav-brand h1{color:#333;font-size:1.5rem;font-weight:700;margin:0}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{color:#333;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#678aaf}.nav-link:after{background-color:#678aaf;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-link.active{color:#678aaf;font-weight:600}.nav-link.active:after{width:100%}.nav-toggle{cursor:pointer;display:none;flex-direction:column;padding:5px}.bar{background-color:#333;border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}@media (max-width:768px){.nav-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffffa;box-shadow:0 10px 27px #0000000d;flex-direction:column;gap:1rem;left:-100%;padding:2rem 0;position:fixed;text-align:center;top:70px;transition:.3s;width:100%}.nav-menu-active{left:0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.footer{background-color:#333;color:#fff;margin-top:auto;padding:2rem 0}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-content p{color:#ccc;margin:0}.footer-links{display:flex;gap:2rem}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}@media (max-width:768px){.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-links{gap:1.5rem}}.home-hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:85vh;justify-content:center;position:relative;width:100%}.home-hero__overlay{background:#0006;inset:0;position:absolute}.home-hero__content{padding:0 1rem;position:relative;text-align:center;z-index:1}.home-hero__title{color:#bcd6f1;font-family:Courier New,Courier,monospace;font-size:clamp(2.4rem,6vw + 1rem,6rem);font-weight:800;letter-spacing:.08em;margin:0;text-shadow:0 2px 10px #0009;-webkit-user-select:none;user-select:none;white-space:pre}@media (prefers-reduced-motion:reduce){.home-hero__title{transition:none}}@media (max-width:992px){.home-hero{height:80vh}}@media (max-width:600px){.home-hero{height:75vh}}.about{padding-top:120px}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:2fr 1fr}.about-text h2{color:#333;margin-bottom:1.5rem}.about-text p{color:#666;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.skills{margin-top:2rem}.skills h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background-color:#678aaf;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:transform .2s ease}.skill-tag:hover{transform:translateY(-2px)}.about-image{align-items:center;display:flex;justify-content:center}.image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.1rem;font-weight:500;justify-content:center}.image-placeholder,.profile-image{border-radius:50%;box-shadow:0 10px 30px #0000001a;height:300px;width:300px}.profile-image{object-fit:cover;transition:transform .3s ease}.profile-image:hover{transform:scale(1.05)}@media (max-width:768px){.about-content{gap:2rem;grid-template-columns:1fr;text-align:center}.about-text{order:2}.about-image{order:1}.image-placeholder{font-size:.9rem}.image-placeholder,.profile-image{height:200px;width:200px}.skills-grid{justify-content:center}}.projects{background-color:#678aaf}.projects h2{color:#333;margin-bottom:3rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.project-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 5px 15px #00000014;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.project-card h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.project-card p{color:#666;line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background-color:#e9ecef;border-radius:15px;color:#495057;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.project-links{display:flex;gap:1rem}.project-link{border-radius:5px;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.project-link,.project-link:hover{background-color:#678aaf;color:#fff}.project-link:last-child{background-color:initial;border:2px solid #678aaf;color:#678aaf}.project-link:last-child:hover{background-color:#678aaf;color:#fff}@media (max-width:768px){.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-card{padding:1.5rem}.project-links{flex-direction:column}.project-link{text-align:center}}.contact h2{color:#333;margin-bottom:3rem;text-align:center}.contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-info h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.contact-info p{color:#666;line-height:1.7;margin-bottom:2rem}.contact-details{gap:1rem}.contact-details,.contact-item{display:flex;flex-direction:column}.contact-item{gap:.3rem}.contact-item strong{color:#333;font-weight:600}.contact-item a{color:#678aaf;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#678aaf}.contact-form{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 5px 15px #00000014;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #e9ecef;border-radius:5px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#678aaf;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:background-color .3s ease;width:100%}.submit-btn,.submit-btn:hover:not(:disabled){background-color:#678aaf}.submit-btn:disabled{background-color:#6c757d;cursor:not-allowed}.status-message{border-radius:5px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-group input:disabled,.form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}@media (max-width:768px){.contact-content{gap:2rem;grid-template-columns:1fr}.contact-form{padding:1.5rem}}
/*# sourceMappingURL=main.b15da92c.css.map*/