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}.navbar{background-color:#1e293b;box-sizing:border-box;padding:15px 0;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-logo{color:#fff;font-size:24px;font-weight:700;text-decoration:none}.navbar-links{display:flex;gap:20px;list-style-type:none;margin:0;padding:0}.navbar-link{color:#cbd5e1;font-size:18px;font-weight:500;padding-bottom:4px;text-decoration:none;transition:color .3s ease,border-bottom .3s ease}.navbar-link:hover{color:#fff}.navbar-link.active{border-bottom:2px solid #fff;color:#fff}.navbar-hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-around;padding:0;width:25px;z-index:1001}.hamburger-icon{background-color:#cbd5e1;border-radius:5px;height:3px;transition:all .3s linear;width:25px}@media (max-width:768px){.navbar-hamburger{display:flex}.navbar-links{align-items:center;background-color:#1e293b;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;gap:15px;left:0;opacity:0;padding:20px 0;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease-in-out;visibility:hidden;width:100%}.navbar-links.active{opacity:1;transform:translateY(0);visibility:visible}.navbar-link{font-size:16px;padding:8px 0;text-align:center;width:100%}}.hero-section{align-items:center;background-color:#1e293b;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:100px 20px 40px}.hero-container{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.hero-image-wrapper{align-items:center;display:flex;justify-content:center}.hero-image{border-radius:16px;box-shadow:0 10px 25px #0000004d;height:400px;object-fit:cover;width:300px}.hero-content{display:flex;flex-direction:column;gap:24px;justify-content:center;text-align:left}.hero-title{color:#fff;font-size:56px;font-weight:700;line-height:1.1}.highlight{color:#9c4ef6}.hero-subtitle{color:#cbd5e1;font-size:22px;line-height:1.5}.hero-buttons{display:flex;gap:16px}.hero-btn,.secondary-btn{border-radius:999px;cursor:pointer;display:inline-block;font-weight:700;padding:14px 28px;text-align:center;text-decoration:none;transition:all .3s ease}.hero-btn{background-color:#9c4ef6;border:none;color:#fff}.hero-btn:hover{background-color:#7c3aed}.secondary-btn{background-color:initial;border:2px solid #9c4ef6;color:#fff}.secondary-btn:hover{background-color:#9c4ef6;color:#fff}@media (max-width:768px){.hero-section{min-height:auto;padding:100px 16px 40px}.hero-container{gap:32px;grid-template-columns:1fr}.hero-content{align-items:center;text-align:center}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-image{height:300px;width:220px}.hero-buttons{flex-direction:column;gap:12px;width:100%}.hero-btn,.secondary-btn{box-sizing:border-box;width:100%}}.about-section{background-color:#1e293b;padding:80px 0}.about-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 16px}.card-gradient{background-color:#2d3748;border-radius:24px;padding:48px}.section-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.section-header h2{background:linear-gradient(90deg,#9b59b6,#ff69b4);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:32px;font-weight:700}.card{display:flex;gap:32px;justify-content:space-between}.card .text{color:#fff;font-size:18px;line-height:1.6}.card .details{color:#ff69b4;display:flex;flex-direction:column;font-size:18px;gap:12px}.card .statistics{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.card .statistics .stat{background:linear-gradient(145deg,#4c4c4c,#2a2a2a);border-radius:16px;padding:24px;text-align:center}.card .statistics .stat h3{background:linear-gradient(90deg,#9b59b6,#ff69b4);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:36px;font-weight:700}.card .statistics .stat p{color:#b0b0b0;margin-top:8px}@media (max-width:768px){.about-section{padding:40px 0}.card-gradient{border-radius:16px;padding:24px 16px}.section-header h2{font-size:26px}.card{flex-direction:column;gap:24px}.card .text{font-size:16px}.card .statistics{gap:12px;grid-template-columns:repeat(2,1fr)}.card .statistics .stat{padding:16px 12px}.card .statistics .stat h3{font-size:28px}.card .statistics .stat p{font-size:14px}}@media (max-width:480px){.card .statistics{grid-template-columns:1fr}}.skills-section{background-color:#1e293b;padding:80px 0;position:relative}.container{box-sizing:border-box;margin:0 auto;max-width:1280px;padding:0 20px}.header{align-items:center;display:flex;gap:16px;margin-bottom:48px}.icon{font-size:32px}.title{background:linear-gradient(90deg,#9f1a79,#eb5e2d);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:36px}.skills-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(145deg,#444,#666);border-radius:16px;box-sizing:border-box;padding:32px;transition:transform .3s ease}.card:hover{transform:scale(1.03)}.card span{display:inline-block;font-size:40px;margin-bottom:24px;transition:color .3s ease}.card:hover span{color:#f06292}.card-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:16px}.skills-list{color:#b0b0b0;list-style-type:none;margin:0;padding-left:0}.skills-list li{margin-bottom:8px}.frontend{background:#2e2e2e}.backend{background:#3b3b3b}.devops{background:#505050}.card .img-skills{height:auto;max-height:180px;max-width:110px;object-fit:contain;width:100%}@media (max-width:768px){.skills-section{padding:40px 0}.header{margin-bottom:28px}.title{font-size:26px}.skills-grid{gap:20px;grid-template-columns:1fr}.card{padding:24px 20px}.card-title{font-size:20px}.card span{font-size:32px;margin-bottom:16px}}.projects-section{background-color:#1e293b;padding:80px 0}.projects-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px}.projects-title{background:linear-gradient(90deg,#9b59b6,#ff69b4);-webkit-background-clip:text;background-clip:text;color:#fff;color:#0000;font-size:36px;font-weight:700;margin-bottom:40px;text-align:center}.projects-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.project-card{background-color:#2d3748;border-radius:12px;box-sizing:border-box;overflow:hidden;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:320px}.project-card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}.project-image{border-radius:8px;height:200px;object-fit:cover;width:100%}.project-name{color:#fff;font-size:20px;font-weight:700;margin-top:16px}.project-description{color:#cbd5e1;font-size:14px;line-height:1.5;margin-top:8px}@media (max-width:768px){.projects-section{padding:40px 0}.projects-title{font-size:26px;margin-bottom:24px}.projects-list{gap:16px}.project-card{max-width:360px;padding:16px;width:100%}.project-image{height:180px}.project-name{font-size:18px}.project-description{font-size:13px}}.education-section{background-color:#1e293b;color:#fff;padding:80px 0}.education-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px}.education-title{background:linear-gradient(90deg,#9b59b6,#ff69b4);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:36px;font-weight:700;margin-bottom:40px;text-align:center}.education-list{display:flex;flex-direction:column;gap:20px}.education-item{background-color:#2d3748;border-left:4px solid #9c4ef6;border-radius:12px;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.education-item:hover{box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.education-degree{color:#fff;font-size:20px;font-weight:700;margin-bottom:6px}.education-institution{color:#cbd5e1;font-size:16px;margin-bottom:4px}.education-year{color:#ff69b4;font-size:14px;font-weight:500}@media (max-width:768px){.education-section{padding:40px 0}.education-title{font-size:26px;margin-bottom:24px}.education-list{gap:16px}.education-item{border-radius:8px;padding:16px 18px}.education-degree{font-size:18px}.education-institution{font-size:14px}.education-year{font-size:13px}}.contact-section{background-color:#1e293b;padding:80px 0}.contact-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px}.contact-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.icon{color:#9c4ef6}.title{color:#fff;font-size:32px;font-weight:700}.contact-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr}.form-container{background:linear-gradient(180deg,#ffffff1a,#0000001a);border-radius:16px;padding:32px}.contact-form{gap:24px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.label{color:#cbd5e1;font-size:14px}.input,.textarea{background-color:#1f2937;border:1px solid #4b5563;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px;width:100%}.textarea{resize:vertical}.submit-btn{background:linear-gradient(90deg,#9c4ef6,#ec4899);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:opacity .3s;width:100%}.submit-btn:hover{opacity:.8}.contact-info{background:linear-gradient(180deg,#ffffff1a,#0000001a);border-radius:16px;padding:32px}.contact-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px}.contact-desc{color:#cbd5e1;line-height:1.5;margin-bottom:24px}.contact-links{display:flex;flex-direction:column;gap:16px}.contact-link{align-items:center;color:#cbd5e1;display:flex;text-decoration:none;transition:color .3s;word-break:break-word}.contact-link:hover{color:#9c4ef6}.contact-link span{margin-left:8px}@media (max-width:768px){.contact-section{padding:40px 0}.title{font-size:26px}.contact-grid{gap:24px;grid-template-columns:1fr}.contact-info,.form-container{padding:20px 16px}.contact-title{font-size:20px}.contact-desc{font-size:14px}}.footer{background-color:#1e293b;border-top:1px solid #ffffff1a;padding:24px 0;text-align:center}.footer-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px}.footer-text{color:#cbd5e1;font-size:14px;line-height:1.5}@media (max-width:768px){.footer{padding:16px 0}.footer-text{font-size:13px}}
/*# sourceMappingURL=main.e0700a91.css.map*/