.about{color:var(--text-color);background:linear-gradient(-45deg, var(--bg-orange), var(--bg-pink), var(--bg-blue), var(--bg-mint));min-height:100vh;font-family:var(--font-family-base);background-size:400% 400%;flex-direction:column;animation:15s infinite gradientShift;display:flex;position:relative}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.light-theme .about{animation-duration:20s}.dark-theme .about{animation-duration:15s}.about-container{max-width:1200px;margin:0 auto;margin-top:calc(var(--nav-size) * 1.2);flex:1;padding:0 20px}.about-hero{text-align:center;margin-bottom:calc(var(--nav-size) * 1)}.about-title{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-shadow:1px 1px 2px #0000001a;color:var(--text-color-strong);line-height:var(--line-height-tight)}.about-subtitle{font-size:var(--font-size-large);color:var(--text-color-accent-dark-strong);margin-bottom:var(--spacing-xl);line-height:var(--line-height-base);max-width:80%;margin-left:auto;margin-right:auto}.light-theme .about-subtitle{color:var(--grey3)}.dark-theme .about-subtitle{color:var(--grey2)}.about-content{background:var(--bg-page-transp);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-xl);border:2px solid #ffffff1a;position:relative;overflow:hidden}.about-content:before{content:"";background:linear-gradient(90deg, var(--fg-blue), var(--fg-mint), var(--fg-orange));border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.about-section{margin-bottom:calc(var(--nav-size) * .8)}.section-title{font-size:var(--font-size-heading);margin-bottom:var(--spacing-lg);color:var(--text-color-strong);border-bottom:2px solid var(--text-color-accent);padding-bottom:var(--spacing-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);transition:all .3s;position:relative}.section-title:after{content:"";background:var(--fg-blue);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.about-section:hover .section-title:after{width:100%}.light-theme .section-title:after{background:linear-gradient(90deg, var(--fg-blue), var(--fg-pink))}.dark-theme .section-title:after{background:linear-gradient(90deg, var(--fg-mint), var(--fg-orange))}.about-text p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);text-align:left;color:var(--text-color)}.about-text strong{color:var(--text-color-strong);font-weight:var(--font-weight-semibold)}.skills-container{gap:calc(var(--nav-size) * .2);margin-top:calc(var(--nav-size) * .3);flex-wrap:wrap;display:flex}.skill-tag{background:var(--bg-accent);color:var(--text-color-inv);padding:calc(var(--nav-size) * .1) calc(var(--nav-size) * .2);border-radius:calc(var(--nav-size) * .15);font-size:calc(var(--nav-size) * .28);font-weight:500;transition:transform .2s}.skill-tag:hover{box-shadow:0 4px 8px var(--grey3-transp);transform:translateY(-2px)}.skill-tag.engineering:hover{background:var(--fg-orange);filter:brightness(1.1)}.skill-tag.business:hover{background:var(--fg-mint);filter:brightness(1.1)}.services-grid{gap:calc(var(--nav-size) * .4);margin-top:calc(var(--nav-size) * .3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.service-card{background:var(--bg-1);padding:calc(var(--nav-size) * .4);border-radius:var(--border-radius);border:1px solid var(--border-nav);transition:transform .2s,box-shadow .2s}.service-card:hover{box-shadow:0 8px 16px var(--grey3-transp);transform:translateY(-4px)}.light-theme .service-card:hover{background:var(--white0);border-color:var(--fg-blue)}.dark-theme .service-card:hover{background:var(--grey5);border-color:var(--fg-mint)}.service-card h3{font-size:calc(var(--nav-size) * .35);margin-bottom:calc(var(--nav-size) * .2);color:var(--text-color)}.service-card p{font-size:calc(var(--nav-size) * .28);color:var(--text-color-accent);line-height:1.5}.contact-info{text-align:center}.about-email{padding:calc(var(--nav-size) * .3) 0;font-size:calc(var(--nav-size) * .32);margin-bottom:calc(var(--nav-size) * .4)}.about-email-link{color:var(--text-color-strong);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:2px solid #0000;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.about-email-link:hover{border-bottom:2px solid var(--fg-blue);background:#2196f31a;transform:translateY(-1px)}.about-email-link:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.social-links{justify-content:center;gap:calc(var(--nav-size) * .4);flex-wrap:wrap;display:flex}.social-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-nav);border-radius:var(--border-radius);background:var(--bg-1);color:var(--text-color);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:48px;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.social-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.social-button:hover:before{left:100%}.social-button:hover{box-shadow:var(--shadow-lg);border-color:var(--fg-blue);transform:translateY(-2px)}.social-button:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.social-button:active{transform:translateY(0)}.social-button img{height:calc(var(--nav-size) * .5);width:calc(var(--nav-size) * .5);object-fit:contain}.social-button.linkedin:hover{border-color:var(--light-blue0);background:var(--white1-transp)}.social-button.github:hover{border-color:var(--grey6);background:var(--grey3-transp)}.light-theme .social-button:hover{background:var(--white0);color:var(--text-color)}.dark-theme .social-button:hover{background:var(--grey5);color:var(--text-color)}.light-theme .social-button.linkedin:hover{background:var(--white0);border-color:var(--light-blue0);color:var(--light-blue0)}.dark-theme .social-button.linkedin:hover{background:var(--grey5);border-color:var(--light-blue0);color:var(--light-blue0)}.light-theme .social-button.github:hover{background:var(--white0);border-color:var(--grey3);color:var(--grey3)}.dark-theme .social-button.github:hover{background:var(--grey5);border-color:var(--grey1);color:var(--grey1)}.social-button.resume:hover{border-color:var(--text-color-accent);background:var(--bg-accent);color:var(--text-color-inv)}.social-button.resume span:first-child{font-size:calc(var(--nav-size) * .4)}.achievements-grid{gap:calc(var(--nav-size) * .3);margin-top:calc(var(--nav-size) * .3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.achievement-card{background:var(--bg-1);padding:calc(var(--nav-size) * .4);border-radius:var(--border-radius);border:1px solid var(--border-nav);text-align:center;transition:transform .2s,box-shadow .2s}.achievement-card:hover{box-shadow:0 8px 16px var(--grey3-transp);transform:translateY(-4px)}.light-theme .achievement-card{background:var(--white0)}.dark-theme .achievement-card{background:var(--grey5)}.light-theme .achievement-card:hover{background:var(--white1);border-color:var(--fg-blue)}.light-theme .achievement-card:hover .achievement-number,.light-theme .achievement-card:hover .achievement-text{color:var(--text-color)}.dark-theme .achievement-card:hover{background:var(--grey4);border-color:var(--fg-mint)}.dark-theme .achievement-card:hover .achievement-number,.dark-theme .achievement-card:hover .achievement-text{color:var(--text-color)}.achievement-number{font-size:calc(var(--nav-size) * .5);color:var(--fg-blue);margin-bottom:calc(var(--nav-size) * .2);font-weight:700}.achievement-text{font-size:calc(var(--nav-size) * .26);color:var(--text-color-accent);line-height:1.4}.skills-categories{margin-top:calc(var(--nav-size) * .3)}.skill-category{margin-bottom:calc(var(--nav-size) * .6)}.skill-category h3{font-size:calc(var(--nav-size) * .35);margin-bottom:calc(var(--nav-size) * .3);color:var(--text-color);border-left:4px solid var(--fg-blue);padding-left:calc(var(--nav-size) * .2);transition:all .2s}.light-theme .skill-category:first-child h3{border-left-color:var(--fg-blue)}.light-theme .skill-category:nth-child(2) h3{border-left-color:var(--fg-orange)}.light-theme .skill-category:nth-child(3) h3,.dark-theme .skill-category:first-child h3{border-left-color:var(--fg-mint)}.dark-theme .skill-category:nth-child(2) h3{border-left-color:var(--fg-pink)}.dark-theme .skill-category:nth-child(3) h3{border-left-color:var(--fg-blue)}.skill-tag.engineering{background:var(--fg-orange)}.skill-tag.business{background:var(--fg-mint);color:var(--text-color-inv)}.education-list{margin-top:calc(var(--nav-size) * .3)}.education-item{background:var(--bg-1);padding:calc(var(--nav-size) * .3);border-radius:var(--border-radius);border-left:4px solid var(--fg-blue);margin-bottom:calc(var(--nav-size) * .3);transition:all .2s}.education-item:hover{box-shadow:0 4px 8px var(--grey3-transp);transform:translate(4px)}.light-theme .education-item:hover{background:var(--white0);border-left-color:var(--fg-orange)}.dark-theme .education-item:hover{background:var(--grey5);border-left-color:var(--fg-mint)}.education-item h3{font-size:calc(var(--nav-size) * .32);margin-bottom:calc(var(--nav-size) * .1);color:var(--text-color)}.education-item p{font-size:calc(var(--nav-size) * .26);color:var(--text-color-accent);margin:0;line-height:1.4}.projects-grid{gap:calc(var(--nav-size) * .4);margin-top:calc(var(--nav-size) * .3);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.project-card{background:var(--bg-1);padding:calc(var(--nav-size) * .4);border-radius:var(--border-radius);border:1px solid var(--border-nav);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.project-card:hover{box-shadow:0 8px 16px var(--grey3-transp);transform:translateY(-4px)}.light-theme .project-card:hover{background:var(--white0);border-color:var(--fg-pink)}.dark-theme .project-card:hover{background:var(--grey5);border-color:var(--fg-orange)}.project-card h3{font-size:calc(var(--nav-size) * .35);margin-bottom:calc(var(--nav-size) * .2);color:var(--text-color)}.project-card p{font-size:calc(var(--nav-size) * .28);color:var(--text-color-accent);margin-bottom:calc(var(--nav-size) * .3);flex-grow:1;line-height:1.5}.project-link{background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-small);cursor:pointer;font-weight:var(--font-weight-medium);min-height:32px;line-height:var(--line-height-base);border:none;align-self:flex-start;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-block;position:relative;overflow:hidden}.project-link:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.project-link:hover{background:linear-gradient(135deg, var(--fg-mint), var(--fg-blue));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.project-link:hover:before{left:100%}.project-link:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.project-link:active{transform:translateY(0)}@media (max-width:768px){.about-container{margin-top:calc(var(--nav-size) * .8);padding:0 10px}.about-hero{margin-bottom:calc(var(--nav-size) * .5)}.about-title{font-size:calc(var(--font-size-display) * .85);margin-bottom:var(--spacing-sm)}.about-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);max-width:95%}.about-content{padding:calc(var(--nav-size) * .3);margin-bottom:var(--spacing-md)}.about-section{margin-bottom:calc(var(--nav-size) * .4)}.section-title{font-size:calc(var(--font-size-heading) * .85);margin-bottom:var(--spacing-sm)}.service-card,.achievement-card{padding:calc(var(--nav-size) * .25)}.education-item{padding:calc(var(--nav-size) * .2);margin-bottom:calc(var(--nav-size) * .2)}.project-card{padding:calc(var(--nav-size) * .25)}.services-grid,.projects-grid{gap:calc(var(--nav-size) * .25);grid-template-columns:1fr}.achievements-grid{gap:calc(var(--nav-size) * .2);grid-template-columns:repeat(2,1fr)}.skills-container{gap:calc(var(--nav-size) * .12)}.social-links{align-items:center;gap:calc(var(--nav-size) * .2);flex-direction:column}.social-button{width:200px;padding:var(--spacing-xs) var(--spacing-sm);justify-content:center;min-height:40px}.about-email{padding:calc(var(--nav-size) * .2) 0;margin-bottom:calc(var(--nav-size) * .2)}.about-cta-card{padding:var(--spacing-md)}}@media (max-width:480px){.about-title{font-size:calc(var(--font-size-display) * .8)}.about-subtitle{font-size:var(--font-size-small);max-width:100%}.section-title{font-size:calc(var(--font-size-heading) * .8)}.achievements-grid{grid-template-columns:1fr}.achievement-number{font-size:calc(var(--font-size-display) * .7)}.about-content{padding:var(--spacing-sm)}.social-button{min-height:38px;font-size:var(--font-size-small);padding:var(--spacing-xs)}}@media (orientation:portrait) and (max-width:480px){.about-container{margin-top:calc(var(--nav-size) * .5);padding:0 6px}.about-hero{margin-bottom:calc(var(--nav-size) * .3)}.about-title{font-size:calc(var(--font-size-display) * .7);margin-bottom:var(--spacing-xs)}.about-subtitle{font-size:calc(var(--nav-size) * .26);margin-bottom:var(--spacing-sm)}.about-content{padding:calc(var(--nav-size) * .2);margin-bottom:var(--spacing-sm);border-radius:var(--border-radius)}.about-section{margin-bottom:calc(var(--nav-size) * .3)}.section-title{font-size:calc(var(--nav-size) * .35);margin-bottom:calc(var(--nav-size) * .15);padding-bottom:calc(var(--nav-size) * .1)}.about-text p{font-size:calc(var(--nav-size) * .26);margin-bottom:var(--spacing-xs)}.service-card{padding:calc(var(--nav-size) * .2)}.service-card h3{font-size:calc(var(--nav-size) * .3);margin-bottom:calc(var(--nav-size) * .1)}.service-card p{font-size:calc(var(--nav-size) * .24)}.achievement-card{padding:calc(var(--nav-size) * .2)}.achievement-number{font-size:calc(var(--nav-size) * .4);margin-bottom:calc(var(--nav-size) * .1)}.achievement-text{font-size:calc(var(--nav-size) * .22)}.skill-tag{font-size:calc(var(--nav-size) * .24);padding:calc(var(--nav-size) * .06) calc(var(--nav-size) * .12)}.skill-category{margin-bottom:calc(var(--nav-size) * .3)}.skill-category h3{font-size:calc(var(--nav-size) * .3);margin-bottom:calc(var(--nav-size) * .15);padding-left:calc(var(--nav-size) * .15)}.education-item{padding:calc(var(--nav-size) * .15);margin-bottom:calc(var(--nav-size) * .15)}.education-item h3{font-size:calc(var(--nav-size) * .28)}.education-item p{font-size:calc(var(--nav-size) * .22)}.project-card{padding:calc(var(--nav-size) * .2)}.project-card h3{font-size:calc(var(--nav-size) * .3);margin-bottom:calc(var(--nav-size) * .1)}.project-card p{font-size:calc(var(--nav-size) * .24);margin-bottom:calc(var(--nav-size) * .15)}.project-link{font-size:calc(var(--nav-size) * .24);padding:var(--spacing-xs) var(--spacing-sm);min-height:28px}.about-email{padding:calc(var(--nav-size) * .15) 0;font-size:calc(var(--nav-size) * .28);margin-bottom:calc(var(--nav-size) * .15)}.social-button{width:180px;min-height:36px;font-size:calc(var(--nav-size) * .26);padding:calc(var(--nav-size) * .08) calc(var(--nav-size) * .15);gap:var(--spacing-xs)}.social-button img{height:calc(var(--nav-size) * .4);width:calc(var(--nav-size) * .4)}.social-links{gap:calc(var(--nav-size) * .12)}.about-cta-card{padding:var(--spacing-sm)}.about-cta-card h3{font-size:var(--font-size-base)}.about-cta-card p{font-size:calc(var(--nav-size) * .24);margin-bottom:var(--spacing-sm)}.about-cta-button{font-size:var(--font-size-small);padding:8px 20px}}.skip-to-content{background:var(--bg-accent);color:var(--text-color-inv);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);z-index:1000;text-decoration:none;transition:top .3s;position:absolute;top:-40px;left:6px}.skip-to-content:focus{top:6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skill-tag:focus,.service-card:focus,.achievement-card:focus,.education-item:focus,.project-card:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}@media (prefers-contrast:high){.about-content{border:3px solid var(--text-color);background:var(--bg-1)}.social-button{border:2px solid var(--text-color);background:var(--bg-1)}.project-link{background:var(--text-color);color:var(--bg-1);border:2px solid var(--text-color)}.skill-tag{border:2px solid var(--text-color);background:var(--bg-1);color:var(--text-color)}}@media (prefers-reduced-motion:reduce){.about{background:var(--bg-page);animation:none}.social-button:hover,.project-link:hover,.service-card:hover,.achievement-card:hover,.education-item:hover,.project-card:hover{transform:none}.social-button:before,.social-button:hover:before,.project-link:before,.project-link:hover:before{display:none}.section-title:after{transition:none}}.about-cta-section{margin-top:calc(var(--nav-size) * .5)}.about-cta-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.about-cta-grid{grid-template-columns:1fr}}.about-cta-card{background:var(--bg-card);padding:var(--spacing-lg);text-align:center;border:2px solid #0000;border-radius:12px;transition:all .3s}.about-cta-card:hover{box-shadow:0 8px 25px var(--grey3-transp);border-color:var(--fg-blue);transform:translateY(-3px)}.about-cta-card h3{font-size:var(--font-size-large);color:var(--text-color-strong);margin-bottom:var(--spacing-xs)}.about-cta-card p{font-size:var(--font-size-small);color:var(--text-color-accent);margin-bottom:var(--spacing-md);line-height:var(--line-height-base)}.about-cta-button{font-size:var(--font-size-base);cursor:pointer;border-radius:8px;padding:12px 28px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.about-cta-button.primary{background:var(--fg-blue);color:#fff}.about-cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4f9cf94d}.about-cta-button.secondary{background:var(--fg-mint,#2ecc71);color:#fff}.about-cta-button.secondary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2ecc714d}