:root{--primary-color: #4a59e1;--accent-color: #ff9800;--text-dark: #1a1a1a;--text-gray: #666;--bg-light-gray: #f0f2f5}.about-section{padding:60px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.about-section .container-about{max-width:1100px;margin:0 auto;display:flex;gap:50px;align-items:center}.about-section .content-left{flex:1}.about-section .top-title{color:var(--accent-color);text-transform:uppercase;font-weight:700;margin-bottom:15px;font-size:14px}.about-section .main-title{font-size:36px;color:var(--text-dark);line-height:1.2;margin-bottom:20px}.about-section .description{color:var(--text-gray);line-height:1.6;margin-bottom:30px}.about-section .skills-container{margin-bottom:40px}.about-section .skill-item{margin-bottom:20px}.about-section .skill-info{display:flex;justify-content:space-between;font-weight:600;margin-bottom:8px;color:var(--text-dark)}.about-section .progress-bar{width:100%;height:12px;background-color:var(--bg-light-gray);border-radius:10px;overflow:hidden}.about-section .progress-fill{height:100%;background-color:var(--primary-color);border-radius:10px}.about-section .btn-learn-more{display:inline-block;background-color:var(--primary-color);color:#fff;padding:15px 35px;text-decoration:none;border-radius:5px;font-weight:600;transition:background .3s}.about-section .btn-learn-more:hover{background-color:#3544c4}.about-section .content-right{flex:1;position:relative}.about-section .image-wrapper{position:relative;border-radius:10px;overflow:hidden}.about-section .image-wrapper img{width:100%;display:block;border-radius:10px}.about-section .experience-badge{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#fff;padding:20px 40px;text-align:center;border-radius:5px;box-shadow:0 10px 30px #0000001a;width:60%}.about-section .exp-number{display:block;font-size:48px;font-weight:800;color:#433e58;line-height:1}.about-section .exp-text{font-size:12px;color:var(--accent-color);font-weight:700;letter-spacing:1px}@media (max-width: 768px){.about-section .container-about{flex-direction:column}.about-section .experience-badge{width:80%}}