.about-hero{padding:140px 20px 60px;text-align:center;background:var(--card-bg);border-bottom:1px solid rgba(255,255,255,.1)}.about-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-section{max-width:1200px;margin:0 auto;padding:60px 20px}.profile-header{text-align:center;margin-bottom:40px}.profile-picture{width:150px;height:150px;border-radius:50%;margin:0 auto 20px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff}.profile-header h2{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:.5rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:40px 0}.skill-card{background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-card:hover{transform:translateY(-5px);border-color:var(--secondary-color)}.skill-card h3{margin-bottom:1rem;color:var(--accent-color)}.skill-card ul{list-style:none}.skill-card li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.skill-card li:last-child{border-bottom:none}.experience-timeline{max-width:800px;margin:40px auto;padding:20px}.experience-timeline h2{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1.5rem;text-align:center;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.timeline-item{background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);margin-bottom:20px}.timeline-item h3{color:var(--accent-color);margin-bottom:.5rem}.timeline-item .company{color:var(--secondary-color);font-weight:500}.timeline-item .date{color:#fff9;font-size:.9rem;margin-bottom:1rem;display:block}@media (max-width: 768px){.about-hero{padding:92px 18px 36px}.skills-grid{grid-template-columns:1fr}.profile-section{padding:40px 20px}.experience-timeline{padding:10px}.timeline-item{padding:1.5rem}}