@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth;scroll-padding-top:72px}body{min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.9375rem;color:#0f172a;background:#f8fafc;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:hsla(0,0%,100%,.82);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(226,232,240,.6)}.navigation__container{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:64px}.navigation__brand{font-weight:800;font-size:1.25rem;color:#3b82f6;text-decoration:none;letter-spacing:-.5px;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navigation__list{display:flex;list-style:none;gap:.25rem}@media(max-width:768px){.navigation__list{gap:0}}.navigation__link{display:inline-block;padding:.4rem .875rem;border-radius:9999px;color:#475569;text-decoration:none;font-weight:500;font-size:.8125rem;transition:all .2s ease;white-space:nowrap}.navigation__link:hover{color:#3b82f6;background:rgba(59,130,246,.06);text-decoration:none}@media(max-width:768px){.navigation__link{padding:.35rem .5rem;font-size:.75rem}}.main-container{padding-top:64px}.section{padding:5rem 1.5rem;position:relative}.section--hero{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse 60% 50% at 50% 0,rgba(59,130,246,.04) 0,transparent 100%),radial-gradient(ellipse 40% 40% at 80% 50%,rgba(6,182,212,.03) 0,transparent 100%),#f8fafc}.section--content{background:#fff}.section--content:nth-child(odd){background:#f8fafc}.section__container{max-width:1000px;margin:0 auto;width:100%}.section__title{font-size:2rem;font-weight:700;letter-spacing:-.5px;color:#0f172a;text-align:center;margin-bottom:.5rem;position:relative}.section__title:after{content:"";display:block;width:40px;height:3px;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:3px;margin:.75rem auto 2.5rem}@media(max-width:768px){.section__title{font-size:1.5rem}}.hero__avatar-wrapper{position:relative;display:inline-block;margin-bottom:2rem}.hero__avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 10px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.04);position:relative;z-index:1}@media(max-width:768px){.hero__avatar{width:130px;height:130px}}.hero__avatar-ring{position:absolute;inset:-6px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#06b6d4,#3b82f6);background-size:200% 200%;animation:ringRotate 4s ease infinite;z-index:0}.hero__name{font-size:3.25rem;font-weight:800;letter-spacing:-1.5px;margin-bottom:.5rem;background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.hero__name{font-size:2.5rem}}.hero__title{font-size:1.25rem;font-weight:500;color:#3b82f6;margin-bottom:.75rem;letter-spacing:1px;text-transform:uppercase}.hero__tagline{font-size:1rem;color:#94a3b8;margin-bottom:2.5rem;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6}.hero__actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}@keyframes ringRotate{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.8125rem;font-weight:600;text-decoration:none;border-radius:9999px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.button svg{flex-shrink:0}.button--primary{background:#3b82f6;color:#fff;box-shadow:0 1px 3px rgba(59,130,246,.3)}.button--primary:hover{background:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.35);transform:translateY(-1px);text-decoration:none}.button--secondary{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.button--secondary:hover{border-color:#3b82f6;color:#3b82f6;background:rgba(59,130,246,.04);text-decoration:none}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.overview-stats{grid-template-columns:repeat(2,1fr)}}.overview-stat{text-align:center;padding:1.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .25s ease}.overview-stat:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);transform:translateY(-2px);border-color:rgba(59,130,246,.2)}.overview-stat__number{display:block;font-size:2rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.overview-stat__label{display:block;font-size:.75rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 1px 2px rgba(0,0,0,.04)}.card--overview{max-width:800px;margin:0 auto;border-left:3px solid #3b82f6}.card--overview .card__content p{color:#475569;font-size:.9375rem;line-height:1.8}.card__content{color:#475569;line-height:1.7}.skills-categories{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}@media(max-width:1024px){.skills-categories{grid-template-columns:1fr}}.skills-category{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .25s ease}.skills-category:hover{box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}.skills-category__title{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;font-weight:700;color:#0f172a;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.skills-category__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.skills-category__icon--backend{background:rgba(99,102,241,.1);color:#6366f1}.skills-category__icon--frontend{background:rgba(236,72,153,.1);color:#ec4899}.skills-category__icon--data{background:rgba(16,185,129,.1);color:#10b981}.skills-category__icon--devops{background:rgba(245,158,11,.1);color:#f59e0b}.skills-category__icon--messaging{background:rgba(239,68,68,.1);color:#ef4444}.skills-category__icon--tools{background:hsla(220,9%,46%,.1);color:#6b7280}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{display:inline-block;padding:.35rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:500;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;transition:all .2s ease;white-space:nowrap}.skill-item:hover{color:#3b82f6;border-color:rgba(59,130,246,.3);background:rgba(59,130,246,.04)}.experience-timeline{position:relative;margin:1rem 0;padding-left:2rem}.experience-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#3b82f6,#06b6d4,transparent);border-radius:2px}@media(max-width:768px){.experience-timeline{padding-left:1.25rem}}.experience-item{position:relative;margin-bottom:3rem}.experience-item:last-child{margin-bottom:0}.experience-item__dot{position:absolute;left:-2rem;top:.375rem;width:12px;height:12px;background:#3b82f6;border:3px solid #f8fafc;border-radius:50%;z-index:1;transform:translateX(-50%);box-shadow:0 0 0 3px rgba(59,130,246,.15);margin-left:1px}@media(max-width:768px){.experience-item__dot{left:-1.25rem}}.experience-item__header{display:flex;gap:1rem;margin-bottom:1rem}.experience-item__title{font-size:1.25rem;font-weight:700;color:#0f172a;letter-spacing:-.3px;line-height:1.3}.experience-item__subtitle{font-size:.8125rem;color:#94a3b8;margin-top:.125rem}.experience-item__position{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#3b82f6;font-weight:600;margin-top:.375rem}.experience-item__position svg{flex-shrink:0;opacity:.7}.experience-item__meta{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;font-size:.75rem;color:#94a3b8;margin-top:.375rem}.experience-item__meta svg{flex-shrink:0;opacity:.6}.experience-item__location{display:inline-flex;align-items:center;gap:.25rem;margin-left:.75rem}.experience-item__location svg{opacity:.6}.experience-item__body{margin-top:1rem;padding:1.25rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:16px}.experience-item__body .list--styled{margin-bottom:1rem}.experience-item__description{color:#475569;margin-bottom:.75rem;font-size:.8125rem}.experience-item__tech{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0}.experience-item__projects{margin-top:.5rem}.tech-tag{display:inline-block;padding:.2rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;color:#3b82f6;background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.12);white-space:nowrap}.tech-tag--sm{padding:.125rem .5rem;font-size:.6875rem}.projects-heading{font-size:.8125rem;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.75px;margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.875rem;gap:.875rem}@media(max-width:1024px){.projects-grid{grid-template-columns:1fr}}.project-card{padding:1rem 1.25rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.project-card:hover{border-color:rgba(59,130,246,.2);box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}.project-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.project-card__header h5{font-size:.8125rem;font-weight:700;color:#0f172a;margin:0}.project-card__date{font-size:.75rem;color:#94a3b8;white-space:nowrap;font-weight:500}.project-card__tech{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.625rem;padding-top:.625rem;border-top:1px solid #e2e8f0}.project-card .list--styled{margin-bottom:0}.project-card .list--styled li{font-size:.75rem;margin-bottom:.25rem;line-height:1.5}.courses-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.course-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#f1f5f9;border-radius:8px;border:1px solid #e2e8f0}.course-item__code{font-family:JetBrains Mono,ui-monospace,SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:600;color:#3b82f6;background:rgba(59,130,246,.06);padding:.125rem .5rem;border-radius:8px;white-space:nowrap}.course-item__name{font-size:.8125rem;color:#475569}.list{list-style:none;margin:0;padding:0}.list--styled li{position:relative;padding-left:1.25rem;margin-bottom:.375rem;color:#475569;font-size:.8125rem;line-height:1.6}.list--styled li:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;background:#3b82f6;border-radius:50%;opacity:.5}.education-card{display:flex;gap:1.5rem;padding:2rem;background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:700px;margin:0 auto;align-items:flex-start;box-shadow:0 1px 2px rgba(0,0,0,.04)}@media(max-width:768px){.education-card{flex-direction:column;align-items:center;text-align:center}}.education-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(6,182,212,.08));color:#3b82f6;flex-shrink:0}.education-card__content{flex:1 1}.education-card__school{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.education-card__degree{font-size:.9375rem;color:#475569;margin-bottom:.75rem}.education-card__details{display:flex;gap:1.5rem;flex-wrap:wrap}@media(max-width:768px){.education-card__details{justify-content:center}}.education-card__date,.education-card__honor{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#94a3b8;font-weight:500}.education-card__date svg,.education-card__honor svg{opacity:.6;flex-shrink:0}.education-card__honor{color:#d97706}.education-card__honor svg{color:#d97706;opacity:.8}.footer{background:#0f172a;color:#f8fafc;text-align:center;padding:2.5rem 1.5rem}.footer__container{max-width:1100px;margin:0 auto}.footer__text{font-size:.8125rem;font-weight:500;margin-bottom:.25rem}.footer__tagline{font-size:.75rem;color:#94a3b8}.text-center{text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}