:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at 10% 0,#1e293b 0,#020617 55%),radial-gradient(circle at 85% 0,#1e40afe6,#0f172ae6 50%);color:#f9fafb}#root{min-height:100vh}a{color:#a5b4fc;text-decoration:none}a:hover{color:#e5e7eb}img{max-width:100%;display:block}button{font:inherit}.app{min-height:100vh;color:#f9fafb}.main{max-width:1120px;margin:0 auto;padding:1.5rem 1.5rem 2rem}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at top left,#1e293b 0,#020617 55%);border-bottom:1px solid rgba(148,163,184,.25)}.nav__brand{display:flex;align-items:baseline;gap:.25rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.9rem}.nav__logo-mark{color:#38bdf8}.nav__logo-text{color:#e5e7eb}.nav__links{display:flex;gap:1rem}.nav__link{border:none;background:transparent;color:#cbd5f5;font-size:.9rem;padding:.35rem .8rem;border-radius:999px;cursor:pointer;transition:background .16s ease,color .16s ease,transform .12s ease}.nav__link:hover{background:#0f172ae6;color:#f9fafb;transform:translateY(-1px)}.nav__cta{padding:.45rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,#22d3ee,#38bdf8);color:#0b1120;font-size:.9rem;font-weight:600;border:1px solid rgba(15,23,42,.7);box-shadow:0 0 0 1px #94a3b866,0 12px 20px #0f172a99;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.nav__cta:hover{transform:translateY(-1px);box-shadow:0 16px 30px #0f172ad9;filter:brightness(1.05)}.section{margin-bottom:1rem}.section:last-of-type{margin-bottom:1rem}.section__header{max-width:640px}.section__eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:#38bdf8;margin-bottom:.5rem}.section__title{font-size:clamp(1.6rem,2.4vw,2.1rem);margin:0 0 .5rem}.section__subtitle{margin:0;color:#9ca3af}.section--grid .section__body{margin-top:2rem}.section__body--two-column{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.4fr);gap:2rem}.section--contact .section__body--two-column{gap:2.5rem}.hero__content{max-width:840px}.section--hero{display:grid;gap:1.5rem;grid-template-columns:minmax(0,3fr) minmax(0,2.1fr);align-items:center;padding:1.25rem 2.25rem 3rem;border-bottom:1px solid rgba(30,64,175,.5);position:relative;overflow:hidden}.section--hero:before{content:"";position:absolute;top:-160px;left:-50vw;right:-50vw;bottom:-120px;background:radial-gradient(circle at 10% 0,rgba(56,189,248,.35),transparent 60%),radial-gradient(circle at 80% 0,rgba(129,140,248,.4),transparent 55%),radial-gradient(circle at 20% 120%,rgba(236,72,153,.35),transparent 60%),repeating-linear-gradient(to right,#0f172a4d,#0f172a4d 1px,#0f172a1a 1px 24px),repeating-linear-gradient(to bottom,#0f172a4d,#0f172a4d 1px,#0f172a1a 1px 24px);opacity:.55;mix-blend-mode:screen;pointer-events:none}.section--hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at bottom,rgba(15,23,42,.95),transparent 65%);opacity:.6;pointer-events:none}.hero__eyebrow{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .75rem;border-radius:999px;background:radial-gradient(circle at left,rgba(56,189,248,.2),transparent 65%);border:1px solid rgba(56,189,248,.4);font-size:.8rem;color:#e0f2fe;margin-bottom:1rem}.hero__title{font-size:clamp(2.2rem,3.4vw,3.1rem);line-height:1.05;margin:0 0 .75rem}.hero__title-highlight{background:linear-gradient(135deg,#22d3ee,#38bdf8,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__role-cycle{margin:0 0 .75rem;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:700;background:linear-gradient(135deg,#f472b6,#a78bfa,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent;transition:opacity .4s ease,transform .4s ease;will-change:opacity,transform}.hero__subtitle{margin:0 0 1.5rem;color:#a1a1aa}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.6rem 1.3rem;font-size:.9rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease}.btn--primary{background:linear-gradient(135deg,#22d3ee,#38bdf8);color:#020617;box-shadow:0 12px 22px #0f172acc}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 18px 36px #0f172af2}.btn--ghost{background:#0f172ae6;color:#e5e7eb;border-color:#94a3b866}.btn--ghost:hover{background:#0f172a}.btn--text{padding:0;border-radius:0;background:transparent;color:#a5b4fc;border:none}.btn--text:hover{color:#e5e7eb}.btn--full{width:100%}.hero__meta{display:flex;flex-wrap:wrap;gap:1.25rem}.section--hero .hero__content,.section--hero .hero__visual{position:relative;z-index:1;transition:filter .22s ease,transform .22s ease,opacity .22s ease}.section--hero--blurred .hero__content,.section--hero--blurred .hero__visual{filter:blur(5px);transform:translateY(-10px) scale(.98);opacity:.7}.hero__stat{min-width:140px;padding:.75rem 1rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at top left,#0f172ae6,#0f172ab3)}.hero__stat-label{display:block;font-size:.75rem;color:#9ca3af;margin-bottom:.15rem}.hero__stat-value{font-size:.95rem;font-weight:500}.hero__visual{position:relative;display:flex;align-items:center;justify-content:center}.hero__avatar-button{border:none;padding:0;margin:0;background:transparent;cursor:pointer;border-radius:50%;position:relative;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.hero__avatar-button:focus-visible{outline:2px solid rgba(56,189,248,.9);outline-offset:4px}.hero__avatar-ring{position:relative;width:320px;height:320px;border-radius:50%;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at 10% 0,rgba(56,189,248,.2),transparent 60%),radial-gradient(circle at 100% 80%,rgba(129,140,248,.3),transparent 55%),radial-gradient(circle at 30% 110%,rgba(236,72,153,.2),transparent 60%);display:flex;align-items:center;justify-content:center;box-shadow:0 24px 60px #0f172af2;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.hero__avatar-button:hover .hero__avatar-ring{transform:translateY(-4px) scale(1.04);box-shadow:0 32px 70px #0f172afa;border-color:#f8fafce6}.hero__avatar-button:active .hero__avatar-ring{transform:translateY(-1px) scale(.99)}.hero__avatar-glow{position:absolute;inset:12%;border-radius:50%;background:conic-gradient(from 140deg,#38bdf8b3,#818cf8b3,#f87171cc,#38bdf8b3);opacity:.2;filter:blur(18px)}.hero__avatar{position:relative;width:72%;height:72%;border-radius:50%;border:1px solid rgba(15,23,42,.9);background:radial-gradient(circle at 30% 0,#1f2937,#020617 70%);display:flex;align-items:center;justify-content:center}.hero__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}.am{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center}.am__backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,#0e1e3cf7,#010b1a 70%);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.am__particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.am__particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#38bdf8;opacity:0;top:calc(var(--i) * 5.5% + 2%);left:calc(var(--i) * 5.1% + 1%);animation:am-particle 6s calc(var(--i) * -.33s) ease-in-out infinite;box-shadow:0 0 6px 2px #38bdf880}.am__particle:nth-child(odd){background:#a78bfa;box-shadow:0 0 6px 2px #a78bfa80}@keyframes am-particle{0%{opacity:0;transform:translateY(0) scale(1)}30%{opacity:.8}70%{opacity:.5}to{opacity:0;transform:translateY(-60px) scale(.3)}}.am__panel{position:relative;z-index:1;width:min(400px,94vw);background:linear-gradient(160deg,#081226fa,#020617fc);border:1px solid rgba(56,189,248,.35);border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #a78bfa26,0 40px 90px #000000f2,inset 0 0 60px #38bdf808;animation:am-pop .3s cubic-bezier(.16,1,.3,1)}.am__panel--glitch{animation:am-glitch .2s steps(2) forwards}@keyframes am-glitch{0%{transform:translate(0);filter:none}25%{transform:translate(-3px,1px);filter:hue-rotate(90deg) brightness(1.3)}50%{transform:translate(3px,-1px);filter:hue-rotate(-90deg) brightness(.8)}75%{transform:translate(-1px,2px);filter:brightness(1.5) saturate(2)}to{transform:translate(0);filter:none}}@keyframes am-pop{0%{opacity:0;transform:translateY(24px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.am__corner{position:absolute;width:18px;height:18px;z-index:3;pointer-events:none}.am__corner--tl{top:6px;left:6px;border-top:2px solid #38bdf8;border-left:2px solid #38bdf8}.am__corner--tr{top:6px;right:6px;border-top:2px solid #38bdf8;border-right:2px solid #38bdf8}.am__corner--bl{bottom:6px;left:6px;border-bottom:2px solid #38bdf8;border-left:2px solid #38bdf8}.am__corner--br{bottom:6px;right:6px;border-bottom:2px solid #38bdf8;border-right:2px solid #38bdf8}.am__hud-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:#38bdf80f;border-bottom:1px solid rgba(56,189,248,.18);font-size:.7rem;color:#7dd3fc;font-family:Courier New,Courier,monospace;letter-spacing:.06em;-webkit-user-select:none;user-select:none}.am__hud-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.am__hud-dot--r{background:#f87171}.am__hud-dot--y{background:#fbbf24}.am__hud-dot--g{background:#34d399}.am__hud-title{flex:1;color:#bae6fd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.am__hud-badge{color:#34d399;animation:am-blink 1.4s step-start infinite;font-size:.65rem}@keyframes am-blink{50%{opacity:0}}.am__img-wrap{position:relative;overflow:hidden;line-height:0}.am__img{display:block;width:100%;height:auto;max-height:66vh;object-fit:cover;filter:saturate(1.1) contrast(1.08) brightness(.96)}.am__scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);pointer-events:none;mix-blend-mode:multiply}.am__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(1,6,22,.7) 100%);pointer-events:none}.am__status-bar{display:flex;align-items:center;gap:.6rem;padding:.45rem .85rem;background:#38bdf80d;border-top:1px solid rgba(56,189,248,.18);font-family:Courier New,Courier,monospace;font-size:.68rem;color:#7dd3fc;letter-spacing:.07em;-webkit-user-select:none;user-select:none}.am__status-tag{font-weight:700;color:#a78bfa;letter-spacing:.12em}.am__status-sep{opacity:.35}.am__status-ping{display:flex;align-items:center;gap:.3rem;color:#34d399}.am__ping-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399;animation:am-blink 1.1s step-start infinite}.am__status-coord{margin-left:auto;color:#94a3b8}.am__close{position:absolute;top:.45rem;right:.8rem;border:none;background:transparent;color:#64748b;font-size:.95rem;cursor:pointer;z-index:4;padding:.1rem .3rem;border-radius:4px;transition:color .15s ease,background .15s ease}.am__close:hover{color:#f87171;background:#f871711a}.hero__badge{position:absolute;padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172ae6;font-size:.78rem;color:#e5e7eb;box-shadow:0 12px 30px #0f172ae6}.hero__badge--top-right{top:10%;right:6%}.hero__badge--bottom-left{bottom:12%;left:4%}.hero__badge-label{white-space:nowrap}.section__text p{margin-top:0;margin-bottom:1rem;color:#d1d5db}.about__highlights{display:flex;flex-direction:column;gap:1.25rem}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);font-size:.8rem;color:#e5e7eb;background:#0f172ae6}.about__quote{padding:1.1rem 1.25rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at 0 0,rgba(56,189,248,.18),transparent 60%)}.about__quote p{margin:0 0 .5rem;color:#e5e7eb}.about__quote-author{font-size:.8rem;color:#9ca3af}.skills__grid{margin-top:2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.skills__group{padding:1.25rem 1.35rem;border-radius:1rem;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at 0 0,#4f46e542,#0f172aeb)}.skills__group-title{font-size:.95rem;margin:0 0 .65rem}.skills__list{list-style:none;padding:0;margin:0;font-size:.86rem;color:#d1d5db;display:grid;gap:.2rem}.projects__grid{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.card{border-radius:1rem;border:1px solid rgba(148,163,184,.5);padding:1.2rem 1.3rem;background:radial-gradient(circle at 0 0,#38bdf81f,#0f172af2)}.project-card{position:relative;display:flex;flex-direction:column;gap:.7rem;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px #0f172af2;border-color:#f8fafce6;background:radial-gradient(circle at 0 0,#38bdf82e,#0f172afa)}.project-card__tag{position:absolute;top:.5rem;right:1.2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#f8d02f}.project-card__title{margin:.2rem 0 .3rem;font-size:1rem}.project-card__description{margin:0;color:#d4d4d8;font-size:.9rem}.project-card__meta{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem;font-size:.78rem;color:#a5b4fc}.project-card__actions{margin-top:.4rem;display:flex;gap:.9rem;align-items:center}.timeline{position:relative;padding-left:1.25rem;border-left:1px solid rgba(75,85,99,.7);display:grid;gap:1.5rem}.timeline__item{position:relative}.timeline__item:before{content:"";position:absolute;left:-1.4rem;top:.2rem;width:.6rem;height:.6rem;border-radius:999px;background:radial-gradient(circle at 30% 0,#38bdf8,#1d4ed8);box-shadow:0 0 0 4px #38bdf81a}.timeline__date{font-size:.78rem;color:#9ca3af}.timeline__title{margin:.15rem 0 .1rem;font-size:.95rem}.timeline__company{margin:0 0 .3rem;font-size:.84rem;color:#a5b4fc}.timeline__description{margin:0;color:#d4d4d8;font-size:.9rem}.resume__sidebar{display:flex;flex-direction:column;gap:1.25rem}.resume__download h3{margin:0 0 .3rem}.resume__download p{margin:0 0 .9rem;color:#e5e7eb;font-size:.9rem}.resume__quick h3{margin:0 0 .4rem}.resume__quick ul{margin:0;padding-left:1.1rem;color:#e5e7eb;font-size:.9rem}.contact__form{display:flex;flex-direction:column;gap:1rem}.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form__field{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.form__field label{color:#e5e7eb}.form__field input,.form__field textarea{border-radius:.7rem;border:1px solid rgba(148,163,184,.7);background:#0f172ae6;padding:.6rem .75rem;color:#f9fafb;font:inherit;resize:vertical}.form__field input:focus,.form__field textarea:focus{outline:2px solid rgba(56,189,248,.8);outline-offset:1px;border-color:transparent}.contact__info{display:flex;flex-direction:column;gap:1rem}.contact__card h3{margin:0 0 .4rem}.contact__card ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;font-size:.9rem}.contact__card li span{display:block;font-size:.8rem;color:#9ca3af}.contact__card a{color:#e5e7eb}.footer{padding:1.5rem 2.5rem 2rem;border-top:1px solid rgba(30,64,175,.6);text-align:center;font-size:.8rem;color:#9ca3af}@media(max-width:960px){.nav{padding-inline:1.4rem;gap:.75rem}.nav__links{display:none}.section--hero{grid-template-columns:minmax(0,1fr)}.hero__visual{order:-1}.skills__grid,.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section__body--two-column,.form__row{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.nav,.main{padding-inline:1rem}.section{margin-bottom:3.5rem}.skills__grid,.projects__grid{grid-template-columns:minmax(0,1fr)}.hero__avatar-ring{width:220px;height:220px}}