@import url(https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;600;700&display=swap);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}html{scroll-behavior:smooth}.home-hero{background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);color:#fff;font-family:Segoe UI,sans-serif;gap:50px;height:100vh;padding:0 40px}.hero-left,.home-hero{align-items:center;display:flex;justify-content:center}.hero-left{flex:1 1}.hero-photo{border-radius:10px;box-shadow:0 10px 30px #00000080;max-width:700px;transition:transform .3s;width:100%}.hero-photo:hover{transform:scale(1.05)}.hero-right{flex:1 1;text-align:left}.hero-right h1{font-size:3rem;font-weight:700;margin-bottom:15px}.hero-subtitle{color:#ffb400;font-size:1.5rem;font-weight:600;margin-bottom:15px}.hero-description{color:#e0e0e0;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px}.btn{border-radius:30px;cursor:pointer;display:inline-block;font-family:Segoe UI,sans-serif;font-weight:600;padding:14px 30px;text-decoration:none;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.btn-primary{background-color:#ffb400;box-shadow:0 5px 15px #ffb40066;color:#fff}.btn-primary:hover{background-color:orange;transform:translateY(-3px)}.btn-secondary{background-color:initial;border:2px solid #fff;color:#fff}.btn-secondary:hover{background-color:#fff;color:#203a43;transform:translateY(-3px)}@media (max-width:768px){.home-hero{flex-direction:column;gap:20px;padding:20px;text-align:center}.hero-left,.hero-right{flex:none;width:100%}.hero-right h1{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.hero-description{font-size:1rem}.hero-buttons{justify-content:center}}.projects-section{background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);color:#fff;padding:80px 40px;text-align:center}.projects-section h2{color:#ffb400;font-size:2.5rem;margin-bottom:50px}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background-color:#ffffff0d;border-radius:15px;padding:20px;transition:transform .3s,box-shadow .3s}.project-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.project-card h3{color:#ffb400;font-size:1.5rem;margin-bottom:10px}.project-card p{color:#e0e0e0;font-size:1rem;line-height:1.5;margin-bottom:15px}.tech-icons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.tech-icon{background-color:#fff;border-radius:5px;height:40px;object-fit:contain;padding:5px;width:40px}.github-link{color:#ffb400;font-weight:600;text-decoration:none;transition:color .3s}.github-link:hover{color:#ff6f61}@media (max-width:768px){.projects-section{padding:60px 20px}.tech-icon{height:35px;width:35px}}.contact-section{background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);color:#fff;padding:80px 40px;text-align:center}.contact-section h2{color:#ffb400;font-size:2.5rem;margin-bottom:20px}.contact-section p{color:#e0e0e0;font-size:1.2rem;margin-bottom:30px}.contact-icons{display:flex;gap:30px;justify-content:center;margin-bottom:40px}.contact-icons a{color:#fff;font-size:2.5rem;transition:color .3s,transform .3s}.contact-icons a:hover{color:#ffb400;transform:scale(1.2)}.contact-form{align-items:center;display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:500px}.contact-form input,.contact-form textarea{border:none;border-radius:10px;font-size:1rem;outline:none;padding:12px 15px;width:100%}.contact-form textarea{resize:none}.contact-form button{background-color:#ff6f61;border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:background-color .3s,transform .2s;width:50%}.contact-form button:hover{background-color:#ff3b2d;transform:translateY(-3px)}.message-bubble{animation:fadeInOut 3s forwards;background-color:#ff6f61;border-radius:30px;bottom:30px;box-shadow:0 5px 15px #0000004d;color:#fff;font-weight:700;padding:15px 25px;position:fixed;right:30px;z-index:999}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:768px){.contact-section{padding:60px 20px}.contact-icons{gap:20px}.contact-icons a{font-size:2rem}.contact-form button{width:70%}}.about-section{background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);color:#fff;display:flex;justify-content:center;padding:150px 40px;text-align:center}.about-content{max-width:800px}.about-content h2{color:#ffb400;font-size:2.5rem;font-weight:700;margin-bottom:20px}.about-description{color:#e0e0e0;font-size:1.2rem;line-height:1.6;margin-bottom:20px}.about-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}@media (max-width:768px){.about-section{padding:60px 20px}.about-content h2{font-size:2rem}.about-description{font-size:1rem}}.navbar{align-items:center;background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);box-shadow:0 4px 6px #0000004d;color:#fff;display:flex;font-family:Segoe UI,sans-serif;justify-content:space-between;padding:.5rem .2rem;position:fixed;top:0;width:100%;z-index:999}.logo{cursor:pointer;font-size:1.5rem;font-weight:700;letter-spacing:1.5px;margin-left:2rem;transition:color .3s}.logo:hover{color:#ffb400}.nav-links{align-items:center;display:flex;gap:1.5rem;list-style:none;margin-left:-50px}.nav-links li a{color:#fff;font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s}.nav-links li a:after{background:#ffb400;bottom:-4px;content:"";display:block;height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-links li a:hover:after{width:100%}.nav-links li a:hover{color:#ffb400}.hamburger{cursor:pointer;display:none;flex-direction:column}.hamburger span{background:#fff;border-radius:2px;height:3px;margin:4px 0;transition:all .3s;width:25px}@media (max-width:768px){.hamburger{display:flex}.nav-links{background-color:#0f2027f2;flex-direction:column;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:70px;transition:max-height .3s ease-in-out;width:100%}.nav-links.active{max-height:300px;padding:1rem 0}.nav-links li{margin:1rem 0;text-align:center}}
/*# sourceMappingURL=main.db575d89.css.map*/