*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;font-size:16px;line-height:normal;color:#fff}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:15px}a{text-decoration:none;color:#ebeced}a:hover{text-decoration:none}p{margin:15px 0}.bold-weight{font-weight:700}.normal-weight{font-weight:400}span.tag{font-weight:700;font-size:14px;background-color:#0c9caf;display:inline-block;padding:2px 10px;border-radius:50px;margin-right:5px;margin-bottom:5px}span.tag a{display:flex;align-items:center;gap:5px;color:#fff}img{max-width:100%;height:auto;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.clearfix:after{content:"";display:table;clear:both}.white-text-shadow{text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white}.primary-text{color:#0c9caf}ul{margin-left:25px}.bg-gray{background-color:#404252}.bg-trans-gray{background-color:#40425280}.margin-bottom-20px{margin-bottom:20px}.full-width{width:100%}.flex-row{display:flex}.flex-column{display:flex;flex-direction:column}.relative{position:relative}.black{color:#000}.white{color:#fff}.achievements-container{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.achievements-container .achievement-box{flex-grow:1;flex-basis:calc(33.33% - 20px);display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;min-width:260px;width:100%;max-width:340px;gap:10px;background-color:#fffc;border-radius:10px;padding:20px;color:#000}.achievements-container .achievement-box .achievement-icon img{border-radius:50%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#0c9caf;border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background-color:#09717f}::-webkit-scrollbar-corner{background-color:#f1f1f1}section .title{font-size:36px;text-align:center;margin-bottom:50px;color:#fff;position:relative;text-transform:uppercase;letter-spacing:2px}section .title:after{content:"";display:block;width:60px;height:4px;background-color:#0c9caf;margin:15px auto 0}section .title.black{color:#000}section .title.black:after{background-color:#000}section.experience{color:#fff;padding:80px 20px;width:100%}.timeline{position:relative;max-width:900px;margin:0 auto;padding:20px 0}.timeline:before{content:"";position:absolute;left:20px;top:0;height:100%;width:2px;background-color:#fff3}.timeline-item{position:relative;margin-bottom:40px;padding-left:50px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:11px;top:6px;width:20px;height:20px;border-radius:50%;background-color:#0c9caf;box-shadow:0 0 10px #0c9caf;border:4px solid #0d0d0d;transition:all .3s ease}.timeline-item:hover .timeline-dot{background-color:#fff;box-shadow:0 0 15px #fff}.timeline-content{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:25px;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0c9caf26;border-color:#0c9caf66}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px}.experience-header h3{margin:0;font-size:20px;color:#fff}.experience-header .company-tag{background-color:#0c9caf33;color:#0c9caf;border:1px solid #0C9CAF;padding:6px 16px;border-radius:20px;font-size:16px;font-weight:700}.duration-text{display:inline-block;color:#888;font-size:14px;margin:8px 0 15px}.experience-details{margin-left:20px}.experience-details li{color:#ccc;font-size:15px;line-height:1.6;margin-bottom:8px}.experience-details li:last-child{margin-bottom:0}section.volunteer{color:#fff;padding:80px 20px;width:100%}.volunteer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;width:100%;max-width:1000px;box-sizing:border-box;margin:0 auto}.volunteer-card{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:25px;border-radius:8px;transition:transform .3s ease,border-color .3s ease;display:flex;flex-direction:column}.volunteer-card:hover{transform:translateY(-5px);border-color:#0c9caf80}.volunteer-header h3{margin:0 0 5px;font-size:19px;color:#fff}.volunteer-header .organization-tag{color:#0c9caf;font-weight:700;font-size:14px}.volunteer-sub{display:flex;gap:15px;margin:10px 0 15px;font-size:13px;color:#888}.volunteer-sub .location-text,.volunteer-sub .duration-text{display:flex;align-items:center;gap:4px}.volunteer-sub .sub-icon{font-size:16px;width:16px;height:16px}.volunteer-desc{color:#bbb;font-size:14px;line-height:1.5;margin:0}.skills-categorized{width:100%;max-width:1000px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.skill-category{display:flex;flex-direction:column}.skill-category h3{display:flex;align-items:center;gap:8px;color:#fff;font-size:18px;margin-bottom:12px;border-bottom:2px solid rgba(12,156,175,.3);padding-bottom:8px}.skill-category .category-icon{color:#0c9caf}.skill-category p{color:#ddd;font-size:14px;line-height:1.6;margin:0}.margin-top-20px{margin-top:20px}section.courses{color:#fff;padding:80px 20px;width:100%}.courses-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;width:100%;max-width:1000px;box-sizing:border-box;margin:0 auto}.course-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.course-card:hover{background:#0c9caf0d;border-color:#0c9caf4d;transform:translateY(-3px)}.course-badge{background:#0c9caf1a;color:#0c9caf;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center}.course-badge mat-icon{font-size:24px}.course-info{display:flex;flex-direction:column}.course-info h3{font-size:16px;margin:0 0 4px;color:#fff}.course-info .provider-tag{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.achievement-issuer{font-size:13px;color:#666;font-weight:700;margin-top:-5px}.achievement-date{font-size:13px;color:#888;margin:5px 0}.achievement-desc{font-size:14px;color:#444;line-height:1.5;text-align:center;margin-top:5px;border-top:1px solid rgba(0,0,0,.08);padding-top:10px}@media (max-width: 768px){.timeline:before{left:15px}.timeline-dot{left:6px}.timeline-item{padding-left:35px}.experience-header{flex-direction:column;align-items:flex-start}.skills-categorized{padding:20px;gap:20px}}@media (max-width: 576px){.skills-categorized{padding:15px;gap:15px}.volunteer-grid,.courses-container{gap:15px}.volunteer-card,.course-card{padding:15px}}