*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#f8f9fa}#portfolio-root{max-width:1200px;margin:0 auto;padding:0 20px}#header{background:#2c3e50;color:#fff;padding:20px 0;position:sticky;top:0;z-index:1000}#header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}#header-name{font-size:1.8rem;font-weight:bold}#header-nav{display:flex;gap:20px}#header-nav a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s}#header-nav a:hover{color:#f39c12}section{padding:60px 0}#about{background:#fff}#about-container{display:flex;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:0 20px}#about-image-wrapper{flex:0 0 300px}#about-image{width:100%;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,0.1)}#about-content{flex:1}#about-title{font-size:2.5rem;margin-bottom:20px;color:#2c3e50}#about-intro{font-size:1.2rem;color:#555}#projects{background:#f8f9fa}#projects-container{max-width:1200px;margin:0 auto;padding:0 20px}#projects-title{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#2c3e50}#projects-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}#project-card-1,#project-card-2,#project-card-3{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s}#project-card-1:hover,#project-card-2:hover,#project-card-3:hover{transform:translateY(-5px)}#project-image-1,#project-image-2,#project-image-3{width:100%;height:200px;object-fit:cover}#project-title-1,#project-title-2,#project-title-3{padding:20px 20px 0;font-size:1.5rem;color:#2c3e50}#project-description-1,#project-description-2,#project-description-3{padding:10px 20px;color:#555}#project-tech-1,#project-tech-2,#project-tech-3{padding:0 20px;color:#f39c12;font-weight:bold}#project-link-1,#project-link-2,#project-link-3{display:inline-block;margin:20px;padding:10px 20px;background:#2c3e50;color:#fff;text-decoration:none;border-radius:5px;transition:background 0.3s}#project-link-1:hover,#project-link-2:hover,#project-link-3:hover{background:#f39c12}#experience{background:#fff}#experience-container{max-width:1200px;margin:0 auto;padding:0 20px}#experience-title{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#2c3e50}#experience-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}#experience-card-1,#experience-card-2,#experience-card-3{background:#f8f9fa;border-left:4px solid #f39c12;padding:20px;border-radius:5px}#experience-role-1,#experience-role-2,#experience-role-3{font-size:1.3rem;color:#2c3e50}#experience-company-1,#experience-company-2,#experience-company-3{font-weight:bold;color:#f39c12}#experience-dates-1,#experience-dates-2,#experience-dates-3{color:#777;font-size:0.9rem}#experience-achievements-1,#experience-achievements-2,#experience-achievements-3{margin-top:10px;color:#555}#services{background:#f8f9fa}#services-container{max-width:1200px;margin:0 auto;padding:0 20px}#services-title{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#2c3e50}#services-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}#service-card-1,#service-card-2,#service-card-3{background:#fff;border-radius:8px;padding:30px;box-shadow:0 4px 8px rgba(0,0,0,0.1);text-align:center;transition:transform 0.3s}#service-card-1:hover,#service-card-2:hover,#service-card-3:hover{transform:translateY(-5px)}#service-title-1,#service-title-2,#service-title-3{font-size:1.5rem;color:#2c3e50;margin-bottom:15px}#service-description-1,#service-description-2,#service-description-3{color:#555;margin-bottom:10px}#service-benefits-1,#service-benefits-2,#service-benefits-3{color:#f39c12;font-weight:bold;margin-bottom:5px}#service-deliverables-1,#service-deliverables-2,#service-deliverables-3{color:#777}#languages{background:#fff}#languages-container{max-width:1200px;margin:0 auto;padding:0 20px}#languages-title{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#2c3e50}#languages-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}#language-card-1,#language-card-2,#language-card-3{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center}#language-name-1,#language-name-2,#language-name-3{font-size:1.3rem;color:#2c3e50}#language-level-1,#language-level-2,#language-level-3{color:#f39c12;font-weight:bold}#contact{background:#2c3e50;color:#fff}#contact-container{max-width:600px;margin:0 auto;padding:0 20px}#contact-title{text-align:center;font-size:2.5rem;margin-bottom:30px}#contact-form{display:flex;flex-direction:column;gap:20px}#contact-name-wrapper,#contact-email-wrapper,#contact-subject-wrapper,#contact-message-wrapper{display:flex;flex-direction:column;gap:5px}#label-name-contact-form,#label-email-contact-form,#label-subject-contact-form,#label-message-contact-form{font-weight:bold}#name-contact-form,#email-contact-form,#subject-contact-form,#message-contact-form{padding:10px;border:none;border-radius:5px;font-size:1rem}#message-contact-form{resize:vertical;min-height:150px}#button-contact-form{background:#f39c12;color:#fff;border:none;padding:15px;font-size:1.1rem;border-radius:5px;cursor:pointer;transition:background 0.3s}#button-contact-form:hover{background:#e67e22}#footer{background:#1a252f;color:#fff;text-align:center;padding:20px 0}#footer-content{max-width:1200px;margin:0 auto;padding:0 20px}#footer-text{margin:0}
button:not(:disabled),[role="button"]{cursor:pointer}button:disabled{cursor:not-allowed}