:root{--font-body: "Inter", "Poppins", sans-serif;--font-display: "Space Grotesk", "Poppins", sans-serif;--page-bg: #050814;--page-gradient: radial-gradient(circle at 10% 10%, rgba(139, 124, 246, .22), transparent 45%), radial-gradient(circle at 90% 0%, rgba(45, 212, 191, .18), transparent 50%), radial-gradient(circle at 50% 85%, rgba(16, 111, 255, .12), transparent 60%), linear-gradient(180deg, #040610 0%, #03050d 45%, #020208 100%);--surface: rgba(12, 18, 38, .78);--surface-soft: rgba(8, 12, 28, .7);--surface-hover: rgba(20, 28, 54, .92);--surface-glow: rgba(139, 124, 246, .24);--text-primary: #f4f6ff;--text-secondary: #c2c6da;--accent: #8b7cf6;--accent-strong: #6ddfd2;--divider: rgba(255, 255, 255, .08);--radius-lg: 32px;--radius-md: 22px;--radius-sm: 14px;--spacing: clamp(1.75rem, 4vw, 3.2rem);--max-width: min(1200px, 92vw);--header-height: 82px;--scroll-progress: 0%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--page-gradient);color:var(--text-primary);line-height:1.7;min-height:100vh;position:relative;overflow-x:hidden;transition:background .6s ease,color .6s ease}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-3}body:before{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.08),transparent 55%),radial-gradient(circle at 80% 15%,rgba(109,223,210,.14),transparent 60%);mix-blend-mode:screen;opacity:.75}body:after{background:linear-gradient(180deg,#03061200,#030612bf 60%,#030612f2);z-index:-1}::selection{background:#8b7cf659;color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0a}::-webkit-scrollbar-thumb{background:#8b7cf680;border-radius:999px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.site-header,.hero__text,.hero__visual,.section{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}body.is-loading .site-header{opacity:0;transform:translateY(-24px)}body.is-loading .hero__text,body.is-loading .hero__visual,body.is-loading .section{opacity:0;transform:translateY(24px)}body.is-loaded .section{transition-delay:.12s}.page-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-4;background-image:linear-gradient(#050814c2,#050814eb),url(/assets/photo_3-ClGW95J8.jpg);background-size:cover;background-position:center;filter:saturate(.6) brightness(.9);opacity:.22}.page-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 25%,rgba(139,124,246,.35),transparent 60%),radial-gradient(circle at 75% 65%,rgba(109,223,210,.28),transparent 65%);mix-blend-mode:screen;animation:backdropGlow 14s ease-in-out infinite}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:#030610db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;transition:opacity .5s ease,visibility .5s ease}.page-loader__spinner{width:54px;height:54px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--accent);animation:spin .9s linear infinite}.page-loader__label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}body.is-loaded .page-loader{opacity:0;visibility:hidden;pointer-events:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 clamp(1.2rem,3vw,2.4rem)}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#04061294;border-bottom:1px solid rgba(255,255,255,.04);box-shadow:0 24px 48px #02040b73}.site-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#8b7cf62e,#06091800,#6ddfd229);opacity:.75;pointer-events:none}.site-header .container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.05rem}.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:999px;background:#ffffff0f;overflow:hidden}.scroll-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--scroll-progress);background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .12s ease}.brand{font-family:Fira Code,monospace;font-weight:600;font-size:clamp(1.25rem,2.8vw,1.9rem);letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary)}.site-nav{display:flex;align-items:center;gap:2rem}.site-nav ul{list-style:none;display:flex;gap:1.6rem;margin:0;padding:0}.site-nav a{font-size:.95rem;color:var(--text-secondary);position:relative;transition:color .2s ease;letter-spacing:.04em}.site-nav a:after{content:"";position:absolute;left:0;bottom:-.45rem;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .2s ease}.site-nav a:hover,.site-nav a:focus,.site-nav a.active{color:var(--text-primary)}.site-nav a:hover:after,.site-nav a:focus:after,.site-nav a.active:after{width:100%}.nav-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff05;color:inherit;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.nav-toggle:hover,.nav-toggle:focus{transform:translateY(-1px);border-color:#8b7cf699}.nav-toggle__bar{position:relative;width:20px;height:2px;background:currentColor}.nav-toggle__bar:before,.nav-toggle__bar:after{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor}.nav-toggle__bar:before{top:-6px}.nav-toggle__bar:after{top:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.78rem 1.9rem;background:linear-gradient(120deg,var(--accent),rgba(104,92,244,.9));color:#fff;border-radius:999px;font-size:.95rem;font-weight:600;letter-spacing:.04em;border:0;box-shadow:0 18px 40px #8b7cf673;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.button:hover,.button:focus{transform:translateY(-2px);box-shadow:0 22px 50px #8b7cf68c;filter:brightness(1.04)}.button--ghost{background:#ffffff0a;color:var(--text-primary);border:1px solid rgba(255,255,255,.18);box-shadow:none}.button--ghost:hover,.button--ghost:focus{color:var(--accent);border-color:#8b7cf68c}.section{padding:clamp(4.2rem,11vw,6.8rem) 0}.section__header{max-width:660px;margin-bottom:clamp(2.5rem,6vw,3.6rem)}.section__header[data-align=center]{margin-left:auto;margin-right:auto;text-align:center}.section__header h2{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,5.6vw,3.1rem);letter-spacing:-.01em}.section__header p{color:var(--text-secondary);margin-top:.9rem}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;color:var(--accent-strong)}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;opacity:.65}.hero{position:relative}.hero__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing);align-items:center}.hero__text h1{margin:.65rem 0 1.2rem;font-family:var(--font-display);font-size:clamp(2.8rem,6vw,4rem);letter-spacing:-.01em}.hero__text p{color:var(--text-secondary);max-width:540px}.hero__actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.hero__highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.35rem;margin:2.6rem 0 0}.hero__highlights div{padding:1.35rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px #ffffff0a}.hero__highlights dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:#fff9;margin:0 0 .4rem}.hero__highlights dd{margin:0;font-weight:600;line-height:1.4}.hero__visual{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center}.hero__portrait{position:relative;width:clamp(280px,38vw,360px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 25%,rgba(139,124,246,.28),transparent 65%),radial-gradient(circle at 70% 80%,rgba(109,223,210,.28),transparent 60%),#070a19eb;box-shadow:0 32px 60px #050816a6;isolation:isolate;animation:portraitFloat 8s ease-in-out infinite}.hero__portrait-frame{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 20%,#ffffff52,#fff0 72%),#00000094;box-shadow:inset 0 0 0 1px #ffffff14;z-index:1}.hero__portrait-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(96%) contrast(1.12) brightness(1.08);transform:scale(1.04);position:relative;z-index:2}.hero__portrait-glow,.hero__portrait-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.hero__portrait-glow{background:radial-gradient(circle at 45% 35%,#8b7cf673,#8b7cf600 68%),radial-gradient(circle at 75% 70%,#6ddfd259,#6ddfd200 62%);filter:blur(22px);mix-blend-mode:screen;opacity:.65;transform:scale(1.18);animation:portraitPulse 6s ease-in-out infinite;z-index:0}.hero__portrait-ring{border:1px solid rgba(255,255,255,.12);mix-blend-mode:screen;animation:rotate 16s linear infinite;z-index:3}.hero__portrait-ring--outer{top:-15%;right:-15%;bottom:-15%;left:-15%;border-width:2px;border-color:#8b7cf659;animation-duration:18s}.hero__portrait-ring--inner{top:10%;right:10%;bottom:10%;left:10%;border-color:#ffffff14;animation-direction:reverse;animation-duration:12s}.about__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing)}.about__copy{display:grid;gap:1rem;color:var(--text-secondary)}.about__pillars{display:grid;gap:1.35rem}.about__pillars article{padding:clamp(1.6rem,3vw,2rem);border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 48px #05081673;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.about__pillars article:hover{transform:translateY(-6px);border-color:#8b7cf652;box-shadow:0 32px 56px #0508168c}.about__pillars h3{margin:0 0 .65rem;font-family:var(--font-display);font-size:1.25rem}.timeline{position:relative}.timeline__list{list-style:none;margin:0;padding:0;border-left:2px solid rgba(255,255,255,.08);display:grid;gap:2.6rem;padding-left:2.8rem}.timeline__list li{position:relative;padding-left:.5rem}.timeline__point{width:16px;height:16px;border-radius:50%;border:3px solid var(--accent);background:#040610f2;position:absolute;left:-3.1rem;top:.45rem}.timeline__content{padding:1.6rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 50px #05081666}.timeline__content time{font-family:Fira Code,monospace;font-size:.82rem;color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase}.timeline__heading{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-bottom:1rem}.timeline__logo{width:74px;height:74px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background:#0003;display:flex;align-items:center;justify-content:center;padding:.6rem;box-shadow:inset 0 0 0 1px #ffffff0a}.timeline__logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.28))}.timeline__content h3{margin:.3rem 0 .7rem;font-family:var(--font-display);font-size:1.35rem}.timeline__content p{margin:0;color:var(--text-secondary)}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.8rem,4vw,2.6rem)}.project-card{position:relative;padding:clamp(1.9rem,4vw,2.4rem);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);box-shadow:0 26px 58px #0508168c;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.project-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 90% at 10% 10%,rgba(139,124,246,.32),transparent),radial-gradient(90% 90% at 90% 90%,rgba(109,223,210,.25),transparent);opacity:0;transition:opacity .35s ease;pointer-events:none}.project-card:hover,.project-card:focus-within{transform:translateY(-10px);border-color:#8b7cf661;box-shadow:0 32px 68px #050816a6}.project-card:hover:after,.project-card:focus-within:after{opacity:1}.project-card__badge{display:inline-flex;align-items:center;padding:.48rem .9rem;border-radius:999px;background:#8b7cf62e;color:var(--accent);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.4rem}.project-card h3{margin:0 0 .8rem;font-family:var(--font-display);font-size:1.42rem}.project-card p{margin:0 0 1.6rem;color:var(--text-secondary)}.tag-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}.tag-list li{padding:.45rem .9rem;border-radius:999px;background:#ffffff14;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.skills{position:relative}.skills:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#050816cc;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);z-index:-1}.skills__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing)}.skills__list{display:grid;gap:1.5rem;padding:clamp(1.8rem,3vw,2.4rem);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 26px 60px #05081685}.skills__list h3{margin:0 0 .5rem;font-size:1.02rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}.skills__list p{margin:0;color:var(--text-secondary)}.contact__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing);align-items:center}.contact__actions{display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.8rem,3vw,2.4rem);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 26px 58px #0508168c}.contact__link{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;color:var(--accent);word-break:break-word}.social-list{list-style:none;margin:0;padding:0;display:flex;gap:1.4rem}.social-list a{font-family:Fira Code,monospace;font-size:.96rem;color:var(--text-secondary);letter-spacing:.05em;position:relative;transition:color .25s ease}.social-list a:after{content:"";position:absolute;left:0;bottom:-.3rem;height:1px;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.social-list a:hover,.social-list a:focus{color:var(--accent)}.social-list a:hover:after,.social-list a:focus:after{transform:scaleX(1)}.site-footer{padding:2.8rem 0;border-top:1px solid rgba(255,255,255,.06);background:#050816d6;text-align:center;color:var(--text-secondary);font-size:.92rem;letter-spacing:.06em}@media (max-width: 900px){.site-nav ul{position:fixed;inset:calc(var(--header-height) + 1.2rem) 1.4rem auto;padding:1.5rem;flex-direction:column;gap:.6rem;border-radius:var(--radius-md);background:#030612eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 60px #03061299;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .2s ease,transform .2s ease}.site-nav[data-open=true] ul{opacity:1;transform:translateY(0);pointer-events:auto}.site-nav ul a{display:block;padding:.65rem .4rem}.nav-toggle{display:inline-flex}.button.button--ghost{display:none}.hero__content,.about__grid,.skills__grid,.contact__content{grid-template-columns:1fr}.hero__visual{order:-1;min-height:320px}}@media (max-width: 720px){.section__header[data-align=center]{text-align:left}}@media (max-width: 640px){.hero__highlights{grid-template-columns:1fr}.timeline__list{padding-left:2.1rem}.timeline__point{left:-2.5rem}.projects__grid{gap:1.6rem}.skills__list,.contact__actions,.project-card,.timeline__content{padding:1.6rem}}@media (max-width: 520px){.button{width:100%}.contact__actions{padding:1.5rem}.social-list{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.page-loader{display:none!important}}@keyframes portraitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes portraitPulse{0%,to{opacity:.55;transform:scale(1.14)}50%{opacity:.82;transform:scale(1.22)}}@keyframes backdropGlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.84}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}