.about-header{text-align:center;background:var(--bg-secondary);opacity:0;z-index:1;padding:6rem 2rem 5rem;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.about-header.visible{opacity:1;transform:translateY(0)}.about-header-content{max-width:800px;margin:0 auto}.header-badge{color:var(--accent);background:#0ca6781a;border:1px solid #0ca67833;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;display:inline-block}.darkMode .header-badge{background:#00ff881a;border-color:#0f83}.about-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2}.header-subtitle{color:var(--text-secondary);max-width:95%;margin:0 auto;font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.7}@media (max-width:768px){.about-header{padding:4rem 1.5rem 3rem}}
.timeline-section{background:var(--bg-primary);z-index:1;margin-top:0;padding:5rem 2rem;position:relative}.timeline-container{z-index:1;max-width:900px;margin:0 auto;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-badge{color:var(--accent);background:#0ca6781a;border:1px solid #0ca67833;border-radius:20px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;display:inline-block}.darkMode .section-badge{background:#00ff881a;border-color:#0f83}.section-header h2{color:var(--text-primary);font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.timeline{position:relative}.timeline-item{opacity:0;grid-template-columns:80px 1fr;gap:2rem;margin-bottom:3rem;transition:opacity .6s,transform .6s;display:grid;transform:translate(-30px)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-marker{flex-direction:column;align-items:center;display:flex;position:relative}.timeline-icon-container{background:var(--bg-secondary);border:2px solid var(--border);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;transition:all .3s;display:flex;position:relative}.timeline-icon{object-fit:contain;width:50px;height:50px}.timeline-icom Image{object-fit:contain;width:30px!important;height:30px!important}.timeline-item:hover .timeline-icon{border-color:var(--accent);transform:scale(1.1);box-shadow:0 4px 12px #0000001a}.timeline-line{background:var(--border);z-index:1;width:2px;height:calc(100% + 3rem);position:absolute;top:60px}.timeline-item:last-child .timeline-line{display:none}.timeline-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all .3s}.timeline-item:hover .timeline-content{border-color:var(--accent);transform:translate(5px);box-shadow:0 4px 12px #0000001a}.timeline-content h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.4rem;font-weight:600}.timeline-content p{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:1rem;line-height:1.7}@media (max-width:768px){.timeline-section{padding:4rem 1.5rem}.timeline-item{grid-template-columns:60px 1fr;gap:1.5rem}.timeline-icon{width:50px;height:50px;font-size:1.5rem}.timeline-content{padding:1.5rem}}
.values-grid-section{background:var(--bg-secondary);z-index:1;padding:5rem 2rem;position:relative}.values-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-badge{color:var(--accent);background:#0ca6781a;border:1px solid #0ca67833;border-radius:20px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;display:inline-block}.darkMode .section-badge{background:#00ff881a;border-color:#0f83}.section-header h2{color:var(--text-primary);font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.values-grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem;display:flex}.value-card{background:var(--bg-primary);border:1px solid var(--border);text-align:center;opacity:0;border-radius:16px;flex-direction:column;max-width:350px;min-height:350px;padding:2.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden;transform:translateY(30px)}.value-card:before{content:"";background:var(--gradient);transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.value-card.visible{opacity:1;transition:opacity .6s,transform .6s;transform:translateY(0)}.value-card:hover:before{transform:scaleX(1)}.value-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.value-icon{margin-bottom:1.5rem;font-size:3rem;transition:transform .3s;display:block}.value-card:hover .value-icon{transform:scale(1.15)rotate(5deg)}.value-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem;font-weight:600}.value-card p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.7}@media (max-width:768px){.values-grid-section{padding:4rem 1.5rem}.values-grid{grid-template-columns:1fr;gap:1.5rem}.value-card{padding:2rem}}
.skills-section{background:var(--bg-primary);z-index:1;padding:5rem 2rem;position:relative}.skills-container-inner{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-badge{color:var(--accent);background:#0ca6781a;border:1px solid #0ca67833;border-radius:20px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;display:inline-block}.darkMode .section-badge{background:#00ff881a;border-color:#0f83}.section-header h2{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.section-description{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.7}.skills-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1000px;margin:0 auto;display:flex}.skill{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;opacity:0;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:160px;padding:1.75rem 1.25rem;transition:all .3s;display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.9)}.skill:before{content:"";background:var(--gradient);transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.skill.visible{opacity:1;transition:opacity .5s,transform .5s;transform:translateY(0)scale(1)}.skill:hover:before{transform:scaleX(1)}.skill:hover{border-color:var(--accent);transform:translateY(-5px)scale(1.02);box-shadow:0 8px 24px #0000001a}.skill-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.skill img{filter:brightness(0)saturate();opacity:.9;transition:all .3s}.darkMode .skill img{filter:brightness(0)invert();opacity:.95}.lightMode .skill img{filter:brightness(0)saturate();opacity:.85}.skill:hover img{opacity:1;transform:scale(1.1)}@media (max-width:900px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.25rem}}@media (max-width:600px){.skills-section{padding:4rem 1.5rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}
.cta-section{background:var(--bg-secondary);opacity:0;z-index:1;padding:6rem 2rem;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.cta-section.visible{opacity:1;transform:translateY(0)}.cta-container{max-width:800px;margin:0 auto}.cta-content{background:var(--bg-primary);border:1px solid var(--border);text-align:center;border-radius:20px;padding:4rem 3rem;position:relative;overflow:hidden}.cta-content:before{content:"";background:var(--gradient);height:4px;position:absolute;top:0;left:0;right:0}.cta-content h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.cta-content p{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.7}.cta-button{background:var(--accent);color:var(--bg-primary);border-radius:10px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.darkMode .cta-button{color:#000}.lightMode .cta-button{color:#fff}.cta-button:hover{opacity:.9;gap:1rem;transform:translateY(-3px);box-shadow:0 10px 25px #00000026}@media (max-width:768px){.cta-section{padding:4rem 1.5rem}.cta-content{padding:3rem 2rem}.cta-button{justify-content:center;width:100%}}
.about-page{width:100%;color:var(--text-primary);background:var(--bg-secondary)}.about-page>section:not(:first-child){position:relative}.about-page>section:not(:first-child):before{content:"";background:linear-gradient(90deg,transparent,var(--border)20%,var(--border)80%,transparent);opacity:.3;z-index:0;width:80%;max-width:1200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}