.about-container{color:var(--text-primary);padding-bottom:120rem}.about-hero{border-bottom:1rem solid var(--border-primary);background:var(--bg-primary);justify-content:center;align-items:center;min-height:480rem;margin-bottom:40rem;padding:80rem 0;display:flex;position:relative;overflow:hidden}.about-hero-bg{z-index:1;position:absolute;inset:0}.about-hero-overlay{background:radial-gradient(circle at 50% 50%, #020d1900 30%, #020d19d9 100%), linear-gradient(to bottom, transparent 60%, var(--bg-primary) 100%);pointer-events:none;z-index:2;position:absolute;inset:0}.about-hero-content{z-index:3;text-align:center;width:100%;position:relative}.about-title{letter-spacing:-2rem;color:#fff;margin-bottom:16rem;font-size:56rem;font-weight:800}.about-desc{color:var(--text-secondary);max-width:600rem;margin:0 auto;font-size:18rem;line-height:1.6}.about-intro-section{margin-bottom:120rem}.about-intro-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60rem;display:grid}.about-intro-image-wrapper{border:1rem solid var(--border-primary);border-radius:16rem;position:relative;overflow:hidden;box-shadow:0 20rem 50rem #0006}.about-intro-image{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.about-intro-image-wrapper:hover .about-intro-image{transform:scale(1.03)}.about-intro-image-glow{pointer-events:none;background:radial-gradient(circle at 20% 20%,#863bff14 0%,#0000 60%);position:absolute;inset:0}.about-intro-content{flex-direction:column;display:flex}.about-subtitle{color:var(--accent-purple);text-transform:uppercase;letter-spacing:2rem;margin-bottom:12rem;font-size:14rem;font-weight:700}.about-heading{color:#fff;letter-spacing:-1rem;margin-bottom:24rem;font-size:38rem;font-weight:800;line-height:1.25}.about-paragraph{color:var(--text-secondary);margin-bottom:20rem;font-size:16rem;line-height:1.7}.about-paragraph:last-of-type{margin-bottom:32rem}.about-cta-btn{color:#020d19;background:#fff;border:none;border-radius:100rem;justify-content:center;align-items:center;width:fit-content;padding:12rem 32rem;font-size:15rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4rem 16rem #ffffff1a}.about-cta-btn:hover{background:#e5e7eb;transform:translateY(-2rem);box-shadow:0 8rem 24rem #863bff40}.about-skills-section{margin-bottom:120rem}.about-skills-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:80rem;display:grid}.about-skills-content{flex-direction:column;display:flex}.skills-list{margin-top:32rem}.skill-item{margin-bottom:24rem}.skill-item:last-child{margin-bottom:0}.skill-info{justify-content:space-between;align-items:center;margin-bottom:8rem;display:flex}.skill-name{color:#fff;font-size:15rem;font-weight:700}.skill-percentage{color:var(--text-secondary);font-size:14rem;font-weight:700}.skill-bar-track{background:#ffffff0d;border-radius:100rem;width:100%;height:6rem;overflow:hidden}.skill-bar-fill{background:var(--fill-color);width:0%;height:100%;box-shadow:0 0 12rem var(--fill-color);border-radius:100rem;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.about-stats-container{border:1rem solid var(--border-primary);box-sizing:border-box;background:#ffffff03;border-radius:24rem;overflow:hidden}.about-stats-grid{grid-template-columns:1fr 1fr;display:grid}.about-stat-card{box-sizing:border-box;flex-direction:column;padding:40rem 32rem;display:flex}.about-stat-card.border-right{border-right:1rem solid var(--border-primary)}.about-stat-card.border-bottom{border-bottom:1rem solid var(--border-primary)}.about-stat-value{letter-spacing:-1.5rem;margin-bottom:8rem;font-size:48rem;font-weight:800;line-height:1}.about-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5rem;font-size:13rem;font-weight:600;line-height:1.4}.about-banner-section{margin-bottom:40rem}.about-cta-banner{border:1rem solid var(--border-primary);border-radius:24rem;align-items:center;min-height:280rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20rem 50rem #0000004d}.about-banner-bg-wrapper{z-index:1;position:absolute;inset:0}.about-banner-bg{object-fit:cover;width:100%;height:100%;display:block}.about-banner-overlay{z-index:2;background:linear-gradient(90deg,#020d19f2 40%,#020d1980 100%);position:absolute;inset:0}.about-banner-content{z-index:3;flex-direction:column;width:100%;padding:50rem 60rem;display:flex;position:relative}.about-banner-subtitle{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:2rem;margin-bottom:8rem;font-size:13rem;font-weight:700}.about-banner-title{color:#fff;letter-spacing:-1rem;margin-bottom:24rem;font-size:32rem;font-weight:800;line-height:1.35}.about-banner-btn{color:#020d19;background:#fff;border:none;border-radius:100rem;justify-content:center;align-items:center;width:fit-content;padding:12rem 32rem;font-size:15rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.about-banner-btn:hover{background:#e5e7eb;transform:translateY(-2rem);box-shadow:0 8rem 24rem #06b6d440}@media (max-width:1024px){.about-intro-grid{grid-template-columns:1fr;gap:40rem}.about-intro-image-wrapper{max-width:600rem;margin:0 auto}.about-skills-grid{grid-template-columns:1fr;gap:48rem}.about-stats-container{width:100%;max-width:600rem;margin:0 auto}}@media (max-width:768px){.about-title{font-size:44rem}.about-heading{font-size:32rem}.about-banner-content{text-align:center;align-items:center;padding:40rem 32rem}.about-banner-title{font-size:24rem}.about-banner-overlay{background:linear-gradient(#020d19f2 100%,#020d1980 100%)}}.fade-in{opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(20rem)}.fade-in.active{opacity:1;transform:translateY(0)}.scroll-reveal{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);will-change:transform, opacity}.reveal-up{transform:translateY(40rem)}.reveal-left{transform:translate(-40rem)}.reveal-right{transform:translate(40rem)}.reveal-fade{transform:scale(.97)}.scroll-reveal.revealed{opacity:1;transform:translate(0)scale(1)}