@charset "UTF-8";.about-page{background:var(--color-bg);min-height:100vh}html:not(.dark) .about-page{background:#fff}html.dark .about-page{background:#0d0f14}.about{color:var(--color-text);margin:0 auto;max-width:900px;padding:3rem 1.5rem}.about__hero{border-bottom:1px solid var(--color-border);margin-bottom:4rem;padding-bottom:3rem;text-align:center}.about__avatar{margin-bottom:1.5rem}.avatar__img{border:3px solid rgba(92,124,250,.3);border-radius:50%;box-shadow:0 8px 24px #5c7cfa40;display:inline-block;height:160px;width:160px}.about__title{color:var(--color-text);font-size:clamp(2.25rem,3vw,2.75rem);margin:0 0 1rem}html:not(.dark) .about__title{color:#1a1b1e}.about__intro{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.7;margin:0 auto;max-width:680px}html:not(.dark) .about__intro{color:#495057}.section{margin-bottom:4rem}.section__title{color:var(--color-text);font-size:1.75rem;margin:0 0 2rem;padding-bottom:.75rem;position:relative}.section__title:after{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-secondary));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}html:not(.dark) .section__title{color:#1a1b1e}.timeline{padding-left:2rem;position:relative}.timeline:before{background:linear-gradient(180deg,#5c7cfa80,#22d3a84d);bottom:.5rem;content:"";left:0;position:absolute;top:.5rem;width:2px}.timeline__item{margin-bottom:2.5rem;position:relative}.timeline__item:last-child{margin-bottom:0}.timeline__marker{background:var(--color-accent);border:2px solid var(--color-bg);border-radius:50%;box-shadow:0 0 0 3px #5c7cfa33;height:12px;left:calc(-2rem - 5px);position:absolute;top:2rem;width:12px}.timeline__content{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;padding:1.5rem;transition:background .16s ease,border-color .16s ease}.timeline__content:hover{background:var(--color-card-hover-bg);border-color:var(--color-accent)}.job__header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.job__company{color:var(--color-text);font-size:1.25rem;margin:0 0 .25rem}html:not(.dark) .job__company{color:#1a1b1e}.job__role{color:var(--color-accent);font-size:.95rem;font-weight:600;margin:0}.job__meta{align-items:flex-end;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:.25rem;text-align:right}html:not(.dark) .job__meta{color:#6c757d}.job__period{font-weight:600}.job__description{color:var(--color-text-secondary);line-height:1.7;margin:0 0 1rem}html:not(.dark) .job__description{color:#495057}.job__highlights{list-style:none;margin:0 0 1rem;padding:0}.job__highlights li{color:var(--color-text-secondary);line-height:1.6;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.job__highlights li:before{color:var(--color-accent);content:"→";font-weight:700;left:0;position:absolute}.job__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:#5c7cfa1f;border:1px solid rgba(92,124,250,.25);border-radius:6px;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;padding:.35rem .7rem}html:not(.dark) .tag{background:#5c7cfa14;color:#495057}.education{display:flex;flex-direction:column;gap:1.5rem}.education__item{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;padding:1.25rem 1.5rem;transition:background .16s ease,border-color .16s ease}.education__item:hover{background:var(--color-card-hover-bg);border-color:var(--color-accent)}.education__degree{color:var(--color-text);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}html:not(.dark) .education__degree{color:#1a1b1e}.education__school{color:var(--color-accent);font-weight:600;margin-bottom:.25rem}.education__period{color:var(--color-text-muted);font-size:.9rem}html:not(.dark) .education__period{color:#6c757d}.section--hobby{margin-top:3rem}.hobby{background:linear-gradient(135deg,#5c7cfa14,#22d3a80f);border:1px solid rgba(92,124,250,.2);border-radius:16px;padding:2.5rem 2rem;text-align:center}html:not(.dark) .hobby{background:linear-gradient(135deg,#5c7cfa0d,#22d3a80a)}.hobby__icon{color:var(--color-accent);margin-bottom:1rem}.hobby__title{color:var(--color-text);font-size:1.5rem;margin:0 0 1rem}html:not(.dark) .hobby__title{color:#1a1b1e}.hobby__text{color:var(--color-text-secondary);line-height:1.7;margin:0 auto;max-width:600px}html:not(.dark) .hobby__text{color:#495057}@media(max-width:640px){.about{padding:2rem 1rem}.job__header{flex-direction:column}.job__meta{align-items:flex-start;text-align:left}.timeline{padding-left:1.5rem}.timeline__marker{left:-2.25rem}}