@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:#1e1e1f;color:#e4e6eb;font-family:Poppins,sans-serif;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2b2b2c}::-webkit-scrollbar-thumb{background:#383838;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.sidebar{background:#1e1e1f;border:1px solid #383838;border-radius:20px;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:30px}.avatar-box{display:flex;justify-content:center;margin-bottom:25px}.avatar{border:3px solid #383838;border-radius:20px;height:150px;overflow:hidden;width:150px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.info-content{border-bottom:1px solid #383838;margin-bottom:25px;padding-bottom:25px;text-align:center}.name{font-size:24px;font-weight:600;margin-bottom:8px}.title{background:#2b2b2c;border-radius:8px;color:#a3a3a3;display:inline-block;font-size:14px;padding:8px 16px}.contacts{margin-bottom:25px}.contact-item{align-items:flex-start;display:flex;gap:15px;margin-bottom:20px}.contact-icon{color:orange;font-size:18px;margin-top:3px}.contact-info{flex:1 1}.contact-title{color:#a3a3a3;font-size:11px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.contact-link{color:#e4e6eb;font-size:14px;text-decoration:none;transition:color .3s}.contact-link:hover{color:orange}address.contact-link{font-style:normal}.social-links{border-top:1px solid #383838;gap:20px;padding-top:25px}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;background:#2b2b2c;border-radius:10px;color:#a3a3a3;font-size:20px;height:45px;transition:all .3s;width:45px}.social-link:hover{background:orange;color:#1e1e1f;transform:translateY(-3px)}@media (max-width:1024px){.sidebar{position:relative;top:0}}.app{grid-gap:30px;display:grid;gap:30px;grid-template-columns:320px 1fr;margin:0 auto;max-width:1400px;padding:30px}@media (max-width:1024px){.app{grid-template-columns:1fr}}.main-content{background:#1e1e1f;border:1px solid #383838;border-radius:20px;min-height:100vh;padding:40px}.navbar{border-bottom:1px solid #383838;display:flex;gap:30px;margin-bottom:40px;padding-bottom:20px}.nav-link{color:#a3a3a3;font-size:16px;font-weight:500;padding:10px 0;position:relative;text-decoration:none;transition:color .3s}.nav-link.active,.nav-link:hover{color:orange}.nav-link.active:after{background:orange;bottom:-20px;content:"";height:3px;left:0;position:absolute;width:100%}.section-title{font-size:32px;font-weight:600;margin-bottom:30px;padding-bottom:15px;position:relative}.section-title:after{background:orange;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}.service-card{background:#2b2b2c;border-radius:15px;padding:30px;transition:transform .3s,box-shadow .3s}.service-card:hover{box-shadow:0 10px 30px #ffa5001a;transform:translateY(-5px)}.service-icon{color:orange;font-size:40px;margin-bottom:20px}.service-title{font-size:20px;font-weight:600;margin-bottom:10px}.service-description{color:#a3a3a3;font-size:14px}.timeline-item{border-left:2px solid #383838;margin-bottom:30px;padding-left:30px;position:relative}.timeline-item:before{background:orange;border-radius:50%;content:"";height:10px;left:-6px;position:absolute;top:0;width:10px}.timeline-title{color:orange;font-size:18px;font-weight:600;margin-bottom:5px}.timeline-period{color:#a3a3a3;font-size:14px;margin-bottom:10px}.timeline-description{color:#e4e6eb;font-size:14px;line-height:1.8}.skills-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.skill-item{background:#2b2b2c;border-radius:10px;font-size:14px;font-weight:500;padding:15px 20px;text-align:center;transition:transform .3s}.skill-item:hover{background:#383838;transform:translateY(-3px)}.projects-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.project-card{background:#2b2b2c;border-radius:15px;overflow:hidden;transition:transform .3s,box-shadow .3s}.project-card:hover{box-shadow:0 10px 30px #ffa50026;transform:translateY(-5px)}.project-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:60px;height:200px;justify-content:center;object-fit:cover;width:100%}.project-content{padding:20px}.project-title{font-size:18px;font-weight:600;margin-bottom:10px}.project-description{color:#a3a3a3;font-size:14px;margin-bottom:15px}.project-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#383838;border-radius:15px;color:orange;font-size:12px;padding:5px 12px}.project-links{display:flex;gap:15px;margin-top:15px}.project-link{align-items:center;color:orange;display:flex;font-size:14px;gap:5px;text-decoration:none;transition:color .3s}.project-link:hover{color:#f80}.contact-form{margin-top:30px;max-width:600px}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{background:#2b2b2c;border:1px solid #383838;border-radius:10px;color:#e4e6eb;font-family:inherit;font-size:14px;padding:15px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:orange;outline:none}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{background:orange;border:none;border-radius:10px;color:#1e1e1f;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:background .3s,transform .3s}.submit-btn:hover{background:#f80;transform:translateY(-2px)}.about-text{color:#a3a3a3;line-height:1.8;margin-bottom:40px}.about-text p{margin-bottom:15px}.section-subtitle{font-size:24px;font-weight:600;margin:40px 0 20px}.skills-section,.timeline-section{margin-bottom:50px}.timeline-header{align-items:center;border-bottom:1px solid #383838;display:flex;gap:15px;margin-bottom:30px;padding-bottom:15px}.timeline-header .timeline-icon{color:orange;font-size:24px}.timeline-header h3{font-size:22px;font-weight:600}.timeline-description ul{list-style:none;padding-left:0}.timeline-description li{margin-bottom:8px;padding-left:20px;position:relative}.timeline-description li:before{color:orange;content:"▹";left:0;position:absolute}.skills-category{margin-bottom:30px}.skills-category h4{color:orange;font-size:16px;font-weight:600;margin-bottom:15px}.portfolio-description{color:#a3a3a3;line-height:1.8;margin-bottom:30px}.github-link{color:orange;text-decoration:underline;transition:color .3s}.github-link:hover{color:#f80}.contact-intro{color:#a3a3a3;line-height:1.8;margin-bottom:30px}.status-message{border-radius:8px;font-size:14px;margin-top:15px;padding:12px}.status-message.success{background:#4caf501a;border:1px solid #4caf50;color:#4caf50}.status-message.error{background:#f443361a;border:1px solid #f44336;color:#f44336}.nav-link{background:none;border:none;cursor:pointer;font-family:inherit}@media (max-width:768px){.main-content{padding:25px}.navbar{flex-wrap:wrap;gap:15px}.section-title{font-size:24px}.projects-grid,.services-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.d749171b.css.map*/