:root{--primary-red:#dc2626;--primary-blue:#2563eb;--red-hover:#b91c1c;--blue-hover:#1d4ed8;--red-light:#fef2f2;--blue-light:#eff6ff;--red-border:#fecaca;--blue-border:#bfdbfe;--white:#fff;--black:#1f2937;--gray-light:#f8fafc;--gray-medium:#64748b;--gray-border:#e2e8f0;--shadow-light:#0000000d;--shadow-medium:#0000001a;--shadow-heavy:#00000026;--transition-standard:.3s ease;--transition-smooth:.4s cubic-bezier(.4,0,.2,1);--border-radius:8px}.about-container{background-color:var(--white);min-height:100vh;padding:40px 20px}.about-wrapper{width:100%;max-width:1200px;margin:0 auto}.about-header{text-align:center;opacity:0;transition:all var(--transition-smooth);margin-bottom:60px;transform:translateY(30px)}.about-header.fade-in{opacity:1;transform:translateY(0)}.profile-image-container{margin-bottom:30px;display:inline-block;position:relative}.profile-image{border:4px solid var(--primary-red);transition:all var(--transition-standard);box-shadow:0 8px 25px var(--shadow-medium);border-radius:50%}.profile-image:hover{border-color:var(--primary-blue);box-shadow:0 12px 35px var(--shadow-heavy);transform:scale(1.05)}.profile-image-container:after{content:"";border:2px solid var(--blue-border);opacity:0;transition:opacity var(--transition-standard);border-radius:50%;position:absolute;inset:-8px}.profile-image-container:hover:after{opacity:1}.about-title{color:var(--black);margin-bottom:16px;font-size:3rem;font-weight:700;position:relative}.about-title:after{content:"";background-color:var(--primary-red);width:80px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.about-subtitle{color:var(--gray-medium);font-size:1.3rem;font-weight:500}.section-title{color:var(--black);text-align:center;margin-bottom:40px;font-size:2.2rem;font-weight:700;position:relative}.section-title:after{content:"";background-color:var(--primary-blue);width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.info-section{opacity:0;transition:all var(--transition-smooth);margin-bottom:80px;transform:translateY(40px)}.info-section.slide-up{opacity:1;transform:translateY(0)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px;display:grid}.info-card{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--border-radius);text-align:center;transition:all var(--transition-standard);box-shadow:0 4px 12px var(--shadow-light);padding:24px}.info-card:hover{border-color:var(--primary-red);box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-5px)}.info-label{color:var(--primary-blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:1rem;font-weight:600}.info-value{color:var(--black);margin:0;font-size:1.1rem;font-weight:500}.education-section{opacity:0;transition:all var(--transition-smooth);margin-bottom:80px;transform:translate(-40px)}.education-section.slide-left{opacity:1;transform:translate(0)}.education-timeline{padding:20px 0;position:relative}.education-timeline:before{content:"";background-color:var(--gray-border);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{justify-content:center;align-items:center;margin-bottom:40px;display:flex;position:relative}.timeline-item:nth-child(odd) .timeline-content{text-align:right;margin-left:0;margin-right:auto;padding-right:40px}.timeline-item:nth-child(2n) .timeline-content{text-align:left;margin-left:auto;margin-right:0;padding-left:40px}.timeline-marker{background-color:var(--primary-red);border:4px solid var(--white);width:16px;height:16px;box-shadow:0 0 0 4px var(--red-border);z-index:2;transition:all var(--transition-standard);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.timeline-item:hover .timeline-marker{background-color:var(--primary-blue);box-shadow:0 0 0 4px var(--blue-border);transform:translate(-50%)scale(1.2)}.timeline-content{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--border-radius);max-width:400px;box-shadow:0 4px 12px var(--shadow-light);transition:all var(--transition-standard);padding:24px}.timeline-content:hover{border-color:var(--primary-blue);box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-3px)}.education-degree{color:var(--primary-red);margin-bottom:8px;font-size:1.3rem;font-weight:700}.education-field{color:var(--black);margin-bottom:6px;font-size:1.1rem;font-weight:600}.education-school{color:var(--gray-medium);margin-bottom:6px;font-size:1rem}.education-year{color:var(--primary-blue);margin-bottom:6px;font-size:.95rem;font-weight:500}.education-gpa{color:var(--primary-red);margin:0;font-size:1rem;font-weight:600}.skills-section{opacity:0;transition:all var(--transition-smooth);margin-bottom:80px;transform:translate(40px)}.skills-section.slide-right{opacity:1;transform:translate(0)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px;display:grid}.skill-card{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--border-radius);transition:all var(--transition-standard);box-shadow:0 4px 12px var(--shadow-light);cursor:pointer;padding:24px}.skill-card:hover{border-color:var(--primary-red);box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-5px)}.skill-name{color:var(--black);transition:color var(--transition-standard);margin-bottom:16px;font-size:1.2rem;font-weight:600}.skill-card:hover .skill-name{color:var(--primary-blue)}.skill-bar{background-color:var(--gray-light);border:1px solid var(--gray-border);border-radius:4px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.skill-progress{border-radius:4px;height:100%;transition:width 1s ease-in-out}.skill-percentage{color:var(--gray-medium);float:right;transition:color var(--transition-standard);font-size:1rem;font-weight:600}.skill-card:hover .skill-percentage{color:var(--primary-red)}.interests-section{opacity:0;transition:all var(--transition-smooth);margin-bottom:80px;transform:translateY(40px)}.interests-section.fade-in-up{opacity:1;transform:translateY(0)}.interests-grid{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.interest-tag{background-color:var(--red-light);color:var(--primary-red);border:2px solid var(--red-border);transition:all var(--transition-standard);cursor:pointer;border-radius:25px;padding:12px 20px;font-size:.95rem;font-weight:500}.interest-tag:hover{background-color:var(--primary-red);color:var(--white);border-color:var(--primary-red);transform:translateY(-2px)scale(1.05)}.internship-section{opacity:0;transition:all var(--transition-smooth);margin-bottom:80px;transform:scale(.9)}.internship-section.zoom-in{opacity:1;transform:scale(1)}.opportunity-cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px;display:grid}.opportunity-card{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--border-radius);text-align:center;transition:all var(--transition-standard);box-shadow:0 4px 12px var(--shadow-light);padding:32px;position:relative;overflow:hidden}.opportunity-card:before{content:"";background-color:var(--primary-red);height:4px;transition:transform var(--transition-standard);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.opportunity-card:hover:before{transform:scaleX(1)}.opportunity-card:hover{border-color:var(--primary-blue);box-shadow:0 12px 35px var(--shadow-heavy);transform:translateY(-8px)}.frontend-card:hover:before{background-color:var(--primary-blue)}.backend-card:hover:before{background-color:var(--primary-red)}.mobile-card:hover:before{background-color:var(--black)}.opportunity-title{color:var(--black);transition:color var(--transition-standard);margin-bottom:16px;font-size:1.4rem;font-weight:700}.opportunity-card:hover .opportunity-title{color:var(--primary-blue)}.opportunity-description{color:var(--gray-medium);margin-bottom:24px;font-size:1rem;line-height:1.6}.opportunity-tech{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tech-tag{background-color:var(--blue-light);color:var(--primary-blue);border:1px solid var(--blue-border);transition:all var(--transition-standard);border-radius:16px;padding:6px 12px;font-size:.85rem;font-weight:500}.tech-tag:hover{background-color:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.contact-cta{text-align:center;background:var(--gray-light);border:1px solid var(--gray-border);border-radius:var(--border-radius);opacity:0;transition:all var(--transition-smooth);padding:60px 40px;transform:scale(.8)}.contact-cta.bounce-in{opacity:1;animation:.8s cubic-bezier(.68,-.55,.265,1.55) bounceIn;transform:scale(1)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.cta-title{color:var(--black);margin-bottom:20px;font-size:2.5rem;font-weight:700}.cta-description{color:var(--gray-medium);max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.1rem}.cta-button{background-color:var(--primary-red);color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-standard);border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #dc26264d}.cta-button:hover{background-color:var(--primary-blue);transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}@media (max-width:768px){.about-container{padding:20px 16px}.about-title{font-size:2.5rem}.section-title{font-size:1.8rem}.info-grid,.skills-grid{grid-template-columns:1fr;gap:16px}.opportunity-cards{grid-template-columns:1fr;gap:20px}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{text-align:center;max-width:none;margin:0;padding:24px}.education-timeline:before{left:20px}.timeline-marker{left:20px;transform:translate(-50%)}.timeline-content{margin-left:50px!important;margin-right:0!important}.contact-cta{padding:40px 20px}.cta-title{font-size:2rem}}@media (max-width:480px){.about-title{font-size:2rem}.section-title{font-size:1.5rem}.info-card{padding:20px}.opportunity-card{padding:24px}.contact-cta{padding:30px 16px}.cta-button{padding:14px 28px;font-size:1rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cta-button:focus-visible{outline:3px solid var(--primary-blue);outline-offset:2px}.info-card:focus-within,.skill-card:focus-within,.opportunity-card:focus-within{outline:2px solid var(--primary-red);outline-offset:2px}