*{box-sizing:border-box}html{width:100%;margin:0;padding:0}body{margin:0;padding:0;width:100%;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;margin:0;padding:0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background-color:#f3f4f6}html,body{width:100%;margin:0;padding:0;background:radial-gradient(circle at top,#e0f2fe 0,#f3f4f6 55%,#e5e7eb)}.app{width:100%;min-height:100vh;margin:0;padding:0}.navbar{position:sticky;top:0;z-index:50;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background:#0f172ae6;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.navbar__logo{font-weight:600;letter-spacing:.03em}.navbar__links{display:flex;gap:1.25rem;font-size:.95rem}.navbar__links a{color:#e5e7eb;text-decoration:none}.navbar__links a:hover{color:#fff}.navbar__cta{font-size:.9rem;padding:.35rem .9rem;border-radius:999px;border:1px solid #facc15;color:#facc15;text-decoration:none}.navbar__cta:hover{background:#facc15;color:#111827}.main{width:100%;max-width:100%;padding:2rem 1.5rem 3rem;margin:0;box-sizing:border-box}.section{width:100%;margin-bottom:3rem;box-sizing:border-box}.section__title{font-size:1.6rem;margin-bottom:.35rem}.section__subtitle{font-size:.9rem;color:#6b7280;margin-bottom:1rem}.hero{padding-top:1.5rem}.hero__container{display:flex;align-items:flex-start;gap:3rem;width:100%}.hero__content{flex:1;min-width:0}.hero__image-wrapper{flex-shrink:0;width:280px;height:280px}.hero__image{width:100%;height:100%;object-fit:cover;border-radius:1rem;box-shadow:0 10px 25px #0000001a;border:3px solid white}.hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#6b7280}.hero__title{font-size:2.4rem;margin:.25rem 0}.hero__subtitle{font-size:1.1rem;color:#374151;margin-bottom:.75rem}.hero__text{font-size:.95rem;color:#4b5563;max-width:46rem}.hero__buttons{margin-top:1rem;display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem;border-radius:999px;font-size:.9rem;text-decoration:none;cursor:pointer}.btn.primary{background:#111827;color:#fff}.btn.primary:hover{background:#030712}.btn.ghost{border:1px solid #d1d5db;color:#111827}.btn.ghost:hover{background:#e5e7eb}.timeline{display:flex;flex-direction:column;gap:.75rem}.timeline__item{border-radius:.75rem;border:1px solid #e5e7eb;background:#fff;overflow:hidden}.timeline__item--open{border-color:#0ea5e9;box-shadow:0 10px 25px #0f172a0f}.timeline__header{width:100%;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:transparent;border:none;cursor:pointer;text-align:left}.timeline__role{margin:0;font-size:1rem}.timeline__company{margin:0;font-size:.85rem;color:#6b7280}.timeline__meta{text-align:right;font-size:.8rem;color:#6b7280;display:flex;flex-direction:column}.timeline__body{padding:.75rem 1rem .85rem;border-top:1px solid #e5e7eb}.timeline__bullets{padding-left:1.2rem;margin:0 0 .5rem;font-size:.9rem;color:#374151}.education__logo{width:60px;height:60px;object-fit:contain;flex-shrink:0}.education__content{flex:1;min-width:0}.education__grade{font-weight:600;margin-top:.5rem;color:#111827}.education__subjects{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-top:.5rem}.education__subject-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:#f9fafb;border-radius:.4rem;font-size:.85rem}.education__subject-name{color:#4b5563;font-weight:500}.education__subject-grade{color:#111827;font-weight:600}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:.75rem;padding:.15rem .55rem;border-radius:999px;background:#eff6ff;color:#1d4ed8}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.pill{border-radius:999px;border:1px solid #d1d5db;padding:.3rem .8rem;background:#fff;font-size:.85rem;cursor:pointer}.pill--active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}.skills-grid__item{padding:.5rem .7rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;font-size:.85rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.card{border-radius:.9rem;border:1px solid #e5e7eb;background:#fff;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.5rem}.card__title{margin:0;font-size:1rem}.card__description{margin:0;font-size:.9rem;color:#4b5563}.card__links{display:flex;gap:1rem;margin-top:.3rem;flex-wrap:wrap}.card__link{font-size:.85rem;text-decoration:none;color:#0ea5e9}.card__link:hover{text-decoration:underline}.card__link--demo{color:#dc2626}.card__link--demo:hover{color:#b91c1c}.achievements__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.achievement__card{border-radius:.9rem;border:1px solid #e5e7eb;background:#fff;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.achievement__images{width:100%;height:300px;border-radius:.5rem;overflow:hidden;position:relative;background:#f9fafb}.achievement__images--1{display:flex;align-items:center;justify-content:center}.achievement__images--2{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.achievement__images--2::-webkit-scrollbar{height:8px}.achievement__images--2::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.achievement__images--2::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.achievement__images--2::-webkit-scrollbar-thumb:hover{background:#94a3b8}.achievement__image{width:100%;height:100%;object-fit:cover;flex-shrink:0}.achievement__images--1 .achievement__image{border-radius:.5rem}.achievement__images--2 .achievement__image{scroll-snap-align:start;width:100%}.achievement__content{display:flex;flex-direction:column;gap:.4rem}.achievement__title{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.achievement__organizer{margin:0;font-size:.9rem;color:#6b7280}.achievement__location{margin:0;font-size:.85rem;color:#6b7280}.achievement__award{margin:.25rem 0 0;font-size:.9rem;color:#111827;font-weight:500}.languages__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem}.language__item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#fff}.language__name{font-size:.95rem;font-weight:600;color:#111827}.language__proficiency{font-size:.85rem;color:#6b7280}.hobbies__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:3rem}.hobby__item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#fff;transition:transform .2s,box-shadow .2s}.hobby__item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hobby__image{width:80px;height:80px;object-fit:contain}.hobby__name{font-size:.9rem;color:#111827;font-weight:500;text-align:center}.books__section{margin-top:2rem}.books__title{font-size:1.3rem;margin-bottom:.5rem;color:#111827}.books__subtitle{font-size:.9rem;color:#6b7280;margin-bottom:1rem}.books__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.book__card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s}.book__card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#0ea5e9}.book__image{width:100%;max-width:200px;height:auto;border-radius:.5rem;object-fit:cover;box-shadow:0 2px 8px #0000001a}.book__title{font-size:.9rem;color:#111827;font-weight:600;text-align:center}@media(max-width:768px){.navbar{padding:.75rem 1rem;gap:.75rem}.navbar__links{display:none}.main{padding:2rem 1rem 3rem}.hero__container{flex-direction:column;align-items:center;gap:2rem}.hero__image-wrapper{width:240px;height:240px;order:-1}.hero__content{text-align:center}.hero__buttons{justify-content:center}.hero__title{font-size:2rem}.hero__subtitle{font-size:1rem}.section__title{font-size:1.4rem}.achievements__grid{grid-template-columns:1fr}}@media(max-width:640px){.navbar{padding-inline:1rem;gap:.75rem}.navbar__links{display:none}.main{padding-inline:1rem}.hero__title{font-size:1.75rem}.hero__container{gap:1.5rem}.hero__image-wrapper{width:200px;height:200px}.hero__buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}}.footer{width:100%;padding:3rem 2rem 2rem;margin-top:4rem;border-top:1px solid #e5e7eb;background:#ffffff80;box-sizing:border-box}.footer__content{max-width:1200px;margin:0 auto;text-align:center}.footer__title{margin:0 0 1.5rem;font-size:1.2rem;color:#111827;font-weight:600}.footer__links{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.footer__link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#111827;text-decoration:none;font-size:.9rem;transition:all .2s ease}.footer__link:hover{border-color:#0ea5e9;background:#f0f9ff;color:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.footer__icon{width:20px;height:20px;object-fit:contain}@media(max-width:480px){.main{padding:1.5rem .75rem 2rem}.navbar{padding:.5rem .75rem}.hero__image-wrapper{width:180px;height:180px}.hero__title{font-size:1.5rem}.footer{padding:2rem 1rem 1.5rem}.footer__links{gap:1rem}.footer__link{font-size:.85rem;padding:.4rem .8rem}}