.about-intro,.skills-section{background:var(--background-color)}.about-image,.skills-item{position:relative;border-radius:20px;overflow:hidden}.about-intro{padding:8rem 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.skills-image,.skills-item{align-items:center;display:flex}.about-text{font-size:1.1rem;line-height:1.8;color:var(--text-color)}.about-text p{margin-bottom:1.5rem;color:var(--text-color)}.about-text i{color:var(--primary-color);margin-right:.5rem}.about-image{box-shadow:0 15px 40px var(--shadow-color)}.about-image img{width:100%;height:auto;display:block}.skills-section{padding:4rem 0}.skills-header{text-align:center;margin-bottom:3rem}.skills-header h2{color:var(--text-color);font-size:2.5rem;margin-bottom:1rem}.skills-header p{color:var(--text-color);font-size:1.1rem}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;padding:2rem 0}.skills-item{height:450px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);box-shadow:0 5px 20px rgba(0,0,0,.2);transition:.5s cubic-bezier(.4, 0, .2, 1);justify-content:center}.skills-image{position:absolute;width:100%;height:100%;justify-content:center;padding:2rem;background:0 0;z-index:1}.skills-image::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Font Awesome 6 Free';font-weight:900;font-size:12rem;opacity:.1;z-index:0;transition:.5s}.skills-frontend .skills-image::before{content:'\f13b';color:#6366f1}.skills-backend .skills-image::before{content:'\f3d3';color:#3b82f6}.skills-design .skills-image::before{content:'\f53f';color:#ec4899}.skills-icon{font-size:4.5rem;position:relative;z-index:1;transition:.5s}.skills-content,.skills-overlay{transition:.5s cubic-bezier(.4, 0, .2, 1);opacity:0;width:100%}.skills-frontend .skills-content *,.skills-frontend .skills-content h3,.skills-frontend .skills-features li i,.skills-frontend .skills-icon{color:#6366f1}.skills-backend .skills-content *,.skills-backend .skills-content h3,.skills-backend .skills-features li i,.skills-backend .skills-icon{color:#3b82f6}.skills-design .skills-content *,.skills-design .skills-content h3,.skills-design .skills-features li i,.skills-design .skills-icon{color:#ec4899}.skills-overlay{position:absolute;top:0;left:0;height:100%;background:#222;display:flex;align-items:center;justify-content:flex-start;z-index:2;visibility:hidden;padding-top:1rem}.skills-content{text-align:left;padding:2rem 3rem;color:#fff;transform:translateY(20px)}.skills-item:hover{transform:translateY(0);background:#1a1a1a;border-color:rgba(255,255,255,.15);box-shadow:0 8px 30px rgba(0,0,0,.4)}.skills-item:hover .skills-overlay{opacity:1;visibility:visible}.skills-item:hover .skills-content{transform:translateY(0);opacity:1}.skills-item:hover .skills-icon{transform:scale(.9) translateY(-20px);opacity:0}.skills-item:hover .skills-image::before{transform:translate(-50%,-50%) scale(1.1);opacity:.05}.skills-category{font-size:.9rem;text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem;display:inline-block;font-weight:600;padding:.4rem 1rem;border-radius:50px}.skills-frontend .skills-category{color:#6366f1;background:rgba(99,102,241,.2)}.skills-backend .skills-category{color:#3b82f6;background:rgba(59,130,246,.2)}.skills-design .skills-category{color:#ec4899;background:rgba(236,72,153,.2)}.skills-content h3{font-size:2rem;margin-bottom:1.5rem;font-weight:700;position:relative;padding-bottom:1rem}.skills-features{list-style:none;padding:0;margin:1.5rem 0;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.skills-features li{color:#fff!important;display:flex;align-items:center;gap:1rem;font-size:1.1rem;padding:.5rem 0}.skills-features li i{font-size:1.2rem;width:24px;text-align:center;color:inherit}.about-education{padding:100px 0;background:var(--background-color)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:2px;height:100%;background:var(--primary-color)}.timeline-item{position:relative;margin-bottom:4rem;width:50%;padding-right:3rem}.experience-card,.timeline-content{background:var(--background-color);padding:2rem;border-radius:15px;box-shadow:0 10px 30px var(--shadow-color)}.timeline-item:nth-child(2n){margin-left:50%;padding-right:0;padding-left:3rem}.timeline-date{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem}.experience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.experience-card{transition:transform .3s}.experience-card:hover{transform:translateY(-5px)}.experience-icon{width:60px;height:60px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.experience-icon i{font-size:1.5rem;color:#fff}@media (max-width:992px){.about-content{grid-template-columns:1fr;gap:3rem}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.experience-grid{grid-template-columns:1fr}}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}.about-image{max-width:500px;margin:0 auto}.timeline-item,.timeline-item:nth-child(2n){margin-left:0;padding-left:2rem}.timeline::before{left:0}.timeline-item{width:100%;padding-right:0}.portfolio-item{height:400px}.portfolio-content h3{font-size:1.8rem}.portfolio-features li{font-size:1rem}.skills-section{display:none!important}}