:root{--background: #0b1020;--surface: #111a2f;--surface-light: #1c2847;--heading: #f8faff;--body: #b8c3e0;--primary: #7aa2ff;--accent: #47d1b8;--warm: #f5b450;font-family:Inter,Open Sans,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;background:linear-gradient(115deg,rgba(122,162,255,.05),transparent 26%,rgba(71,209,184,.04) 70%,transparent),radial-gradient(ellipse at 15% 12%,rgba(122,162,255,.16),transparent 42%),radial-gradient(ellipse at 80% 78%,rgba(71,209,184,.12),transparent 44%),radial-gradient(ellipse at 52% 46%,rgba(172,112,255,.08),transparent 48%),var(--background);background-attachment:fixed;color:var(--body);line-height:1.6}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 86%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 86%);animation:gridFloat 24s linear infinite}a,h1,h2,h3,h4,h5,h6{color:var(--heading)}a{text-decoration:none;transition:.25s ease}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--warm);outline-offset:4px}ul{list-style-type:none}#app{position:relative;z-index:2;width:min(95%,1400px);margin:0 auto}main{overflow-y:auto;display:grid;gap:2.5rem;padding:3rem 0}section{position:relative;padding:clamp(1.5rem,4vw,2.8rem);background:linear-gradient(145deg,#111a2fe0,#111a2f9e);border:1px solid rgba(122,162,255,.16);border-radius:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 24px 80px #00000038,inset 0 1px #ffffff0a;overflow:hidden}section:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(122,162,255,.12),transparent) top left / 100% 1px no-repeat,linear-gradient(180deg,rgba(255,255,255,.04),transparent 22%);opacity:.75}section[id]{scroll-margin-top:110px}main>section{animation:sectionReveal .55s ease both}@keyframes sectionReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes gridFloat{0%{background-position:0 0,0 0}to{background-position:72px 72px,72px 72px}}@media (max-width: 640px){#app{width:min(94%,100% - 1rem)}main{gap:1.5rem;padding:1.2rem 0 2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body:before{animation:none}}header{position:sticky;top:0;z-index:30;margin:1rem 0;padding:1rem 1.5rem;border-radius:14px;background:#0b1020bf;border:1px solid #2b3a64;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{font-weight:700;letter-spacing:.4px;white-space:nowrap}header nav{display:flex;align-items:center;justify-content:flex-end}.nav-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}header a{font-size:.95rem}nav a{position:relative;transition:color .3s ease}nav a:after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0%;background:linear-gradient(90deg,#7da9ff,#9b7dff);transition:width .3s ease}nav a.active:after{width:100%}nav a:hover{color:#7da9ff}.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(122,162,255,.28);border-radius:12px;background:linear-gradient(145deg,#111a2feb,#1c2847b8),#0b102073;cursor:pointer;place-items:center;padding:0;position:relative;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #0003}.menu-toggle span{position:absolute;width:20px;height:2px;border-radius:999px;background:var(--heading);transition:transform .25s ease,opacity .25s ease,background .25s ease}.menu-toggle span:nth-child(1){transform:translateY(-7px)}.menu-toggle span:nth-child(3){transform:translateY(7px)}.menu-toggle:hover span,.site-header.menu-open .menu-toggle span{background:var(--accent)}.site-header.menu-open .menu-toggle span:nth-child(1){transform:rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle span:nth-child(3){transform:rotate(-45deg)}@media (max-width: 768px){header{align-items:center;border-radius:0 0 16px 16px;margin-top:0;padding:.8rem 1rem;position:sticky}header nav{position:relative}.brand{max-width:calc(100vw - 92px);overflow:hidden;text-overflow:ellipsis}.menu-toggle{display:grid}.nav-links{position:absolute;top:calc(100% + .75rem);right:0;width:min(270px,calc(100vw - 2rem));display:grid;gap:.35rem;padding:.7rem;border:1px solid rgba(122,162,255,.2);border-radius:16px;background:linear-gradient(145deg,#0b1020f5,#111a2fe0),#0b1020e6;box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.site-header.menu-open .nav-links{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.nav-links li{width:100%}.nav-links a{display:flex;width:100%;padding:.75rem .8rem;border-radius:11px;background:#7aa2ff0a}.nav-links a:hover,.nav-links a.active{background:#7aa2ff1f}nav a:after{bottom:.35rem;left:.8rem;width:0;max-width:calc(100% - 1.6rem)}}@media (prefers-reduced-motion: reduce){.menu-toggle span,.nav-links{transition:none}}.contact-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:2rem;align-items:center;background:linear-gradient(145deg,#111a2fe6,#111a2f9e),linear-gradient(120deg,rgba(71,209,184,.08),transparent 44%,rgba(122,162,255,.08))}.contact-section h2{max-width:760px;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15}.contact-section p:last-child{max-width:68ch;margin-top:.7rem}.contact-actions{display:grid;gap:.75rem}.contact-actions a{display:inline-flex;justify-content:center;min-height:44px;padding:.7rem 1rem;border:1px solid rgba(122,162,255,.28);border-radius:12px;background:#0b102052;font-weight:800;box-shadow:inset 0 1px #ffffff0a;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.contact-actions a:hover{transform:translateY(-3px);background:#7aa2ff1f;box-shadow:0 16px 36px #0000003d}.contact-actions .cta{border:0;background:linear-gradient(90deg,var(--primary),var(--accent));color:#07101f;box-shadow:0 18px 40px #47d1b829}footer{margin:1rem 0 1.5rem;padding:1rem;text-align:center;border-top:1px solid #2b3a64;color:#9fb0d8}@media (max-width: 760px){.contact-section{grid-template-columns:1fr}}.section-heading{display:grid;gap:.45rem;max-width:760px}.section-heading h2{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.15}.section-heading p:last-child{max-width:68ch}.section-kicker{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.credentials{display:grid;gap:2rem;background:linear-gradient(145deg,#111a2fdb,#111a2f94),linear-gradient(90deg,rgba(122,162,255,.07),transparent 48%,rgba(71,209,184,.06))}.tabs{display:inline-flex;width:fit-content;max-width:100%;gap:.35rem;padding:.35rem;border:1px solid rgba(122,162,255,.22);border-radius:16px;background:#0b102094;box-shadow:inset 0 1px #ffffff0a;overflow-x:auto}.tab-button{border:0;border-radius:12px;padding:.75rem 1.2rem;background:transparent;color:var(--body);cursor:pointer;font:inherit;font-weight:700;white-space:nowrap;transition:background .25s ease,color .25s ease,transform .25s ease}.tab-button:hover,.tab-button.active{background:linear-gradient(90deg,var(--primary),var(--accent));color:#07101f;box-shadow:0 12px 28px #47d1b829}.tab-button:hover{transform:translateY(-1px)}.tab-panels{display:grid}.tab-panel{animation:softReveal .35s ease both}@keyframes softReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.tabs,.tab-button{width:100%}.tabs{display:grid;grid-template-columns:1fr 1fr}}.aboutme{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:3rem;align-items:center;min-height:78vh;padding:clamp(2rem,5vw,4.5rem);position:relative;overflow:hidden}.aboutme:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(122,162,255,.18),transparent 42%),conic-gradient(from 210deg at 78% 24%,rgba(71,209,184,.18),transparent 24%,rgba(172,112,255,.14),transparent 46%);pointer-events:none;animation:heroGlowShift 12s ease-in-out infinite alternate}.hero-text,.avatar-wrapper{position:relative;z-index:1}.hero-text{display:grid;gap:.9rem}.eyebrow{width:fit-content;padding:.42rem .7rem;border:1px solid rgba(71,209,184,.28);border-radius:999px;background:#0b10205c;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-text h1{max-width:11ch;font-size:clamp(2.45rem,6vw,4.8rem);line-height:.98;text-shadow:0 0 28px rgba(122,162,255,.18);animation:titlePulse 7s ease-in-out infinite alternate}.headline{color:var(--primary);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800}.headline.secondary{color:#aebfff;font-size:1rem;font-weight:700}.hero-statement,.hero-support{max-width:62ch}.hero-statement{color:var(--heading);font-size:1.05rem}.hero-support{color:#d0daf4;font-size:.98rem}.location,.contact-line{font-size:.95rem;opacity:.88}.profiles{display:grid;gap:.85rem;margin-top:.5rem}.profiles li{padding:1rem 1.1rem;border:1px solid rgba(122,162,255,.14);border-radius:16px;background:#0b102061;transition:border-color .25s ease,transform .25s ease,background .25s ease}.profiles li:hover{transform:translate(6px);border-color:#47d1b859;background:#1c2847b3}.about-links{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.9rem}.cta,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem 1.05rem;border-radius:12px;font-weight:800;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.cta{background:linear-gradient(90deg,var(--primary),var(--accent));color:#07101f}.ghost{border:1px solid rgba(122,162,255,.35);background:#0b102047}.cta:hover,.ghost:hover{transform:translateY(-3px)}.cta:hover{box-shadow:0 18px 40px #47d1b838,0 0 0 1px #ffffff14}.ghost:hover{background:#7aa2ff1f}.avatar-wrapper{justify-self:center;width:min(320px,75vw);aspect-ratio:1}.avatar-wrapper:before{content:"";position:absolute;inset:-20px;border-radius:42px;background:conic-gradient(from 130deg,#47d1b82e,#7aa2ff2e,#ff5dbe1f,#47d1b82e);filter:blur(28px);z-index:-1;animation:avatarHalo 10s linear infinite}.avatar,.avatar-fallback{width:100%;height:100%;border:2px solid rgba(122,162,255,.45);border-radius:30px;object-fit:cover;transition:transform .35s ease,box-shadow .35s ease}.avatar{cursor:pointer}.avatar:hover{transform:scale(1.035);box-shadow:0 24px 60px #00000073}.avatar-fallback{display:none;place-items:center;color:#dbe6ff;background:linear-gradient(140deg,#273a68,#1c2847);font-size:3rem;font-weight:800}.aboutme .rotate{animation:rotate 5s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills-section{display:grid;gap:2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1rem}.skill-category{display:grid;align-content:start;gap:.85rem;padding:1.1rem;border:1px solid rgba(122,162,255,.15);border-radius:18px;background:linear-gradient(145deg,#0b10208c,#1c28475c),linear-gradient(90deg,rgba(122,162,255,.08),transparent);box-shadow:inset 0 1px #ffffff0a;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.skill-category:hover{transform:translateY(-5px);border-color:#47d1b852;box-shadow:0 18px 45px #00000047}.skill-category h3{color:var(--heading);font-size:1rem}.skills-list{display:flex;flex-wrap:wrap;gap:.55rem}.skills-list li{padding:.42rem .72rem;border:1px solid rgba(122,162,255,.24);border-radius:999px;background:#7aa2ff14;font-size:.82rem;line-height:1.2;transition:background .25s ease,transform .25s ease}.skills-list li:hover{background:#47d1b826;transform:translateY(-2px)}@keyframes heroGlowShift{0%{opacity:.72;transform:translate3d(-1%,-1%,0)}to{opacity:1;transform:translate3d(1%,1%,0)}}@keyframes titlePulse{0%{text-shadow:0 0 20px rgba(122,162,255,.12)}to{text-shadow:0 0 36px rgba(71,209,184,.18)}}@keyframes avatarHalo{to{transform:rotate(360deg)}}@media (max-width: 900px){.aboutme{grid-template-columns:1fr;min-height:auto}.hero-text h1{max-width:100%}.avatar-wrapper{order:-1;width:min(260px,70vw)}}@media (prefers-reduced-motion: reduce){.aboutme:before,.hero-text h1,.avatar-wrapper:before{animation:none}}@media (max-width: 560px){.about-links{display:grid}.cta,.ghost{width:100%}}.education{display:grid;gap:1.5rem;padding:0;background:transparent;border:0}.education h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.education-block{display:grid;gap:.85rem}.education h3{color:var(--primary);font-size:1rem}.education ul{display:grid;gap:.85rem}.education li{width:100%;padding:1rem 1.1rem;border:1px solid rgba(122,162,255,.16);border-radius:16px;background:linear-gradient(145deg,#1c2847b3,#0b10205c),linear-gradient(90deg,rgba(122,162,255,.06),transparent);box-shadow:inset 0 1px #ffffff0a;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.education li:hover{transform:translateY(-4px);border-color:#47d1b852;background:#1c2847d1;box-shadow:0 18px 42px #00000047}.education li p{font-size:.95rem;line-height:1.45}.experience{display:grid;gap:1.2rem;padding:0;background:transparent;border:0}.experience h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.experience>ul{display:grid;gap:1rem}.experience>ul>li{display:grid;gap:.55rem;padding:1.1rem;border:1px solid rgba(122,162,255,.16);border-radius:16px;background:linear-gradient(145deg,#1c2847b3,#0b10205c),linear-gradient(90deg,rgba(71,209,184,.06),transparent);box-shadow:inset 0 1px #ffffff0a;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.experience>ul>li:hover{transform:translateY(-4px);border-color:#47d1b852;background:#1c2847d1;box-shadow:0 18px 42px #00000047}.experience h3{color:var(--accent);font-size:.9rem}.experience h4{color:var(--heading)}.experience-achievements{display:grid;gap:.4rem;margin-top:.35rem}.experience-achievements li{font-size:.95rem}.projects{display:grid;gap:2rem;background:linear-gradient(145deg,#111a2fe0,#111a2f99),linear-gradient(120deg,rgba(122,162,255,.07),transparent 38%,rgba(255,93,190,.045))}.project-filters{display:flex;flex-wrap:wrap;gap:.65rem}.filter-button,.details-toggle,.project-actions a{border-radius:999px;font:inherit;font-weight:800;transition:transform .25s ease,background .25s ease,color .25s ease}.filter-button{border:1px solid rgba(122,162,255,.25);background:#0b102059;color:var(--body);cursor:pointer;padding:.55rem .9rem;box-shadow:inset 0 1px #ffffff09}.filter-button:hover,.filter-button.active{background:linear-gradient(90deg,var(--primary),var(--accent));color:#07101f;transform:translateY(-2px)}.project-group{display:grid;gap:1rem}.project-group h3{color:var(--heading);font-size:1.1rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.3rem}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.project-card{position:relative;display:flex;min-height:100%;overflow:hidden;border:1px solid rgba(122,162,255,.15);border-radius:22px;background:linear-gradient(145deg,#1c2847f0,#0b1020e0);box-shadow:0 18px 45px #00000038,inset 0 1px #ffffff0a;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}.project-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,rgba(122,162,255,.18),transparent 30%,rgba(71,209,184,.14),transparent 68%);opacity:0;transition:opacity .32s ease}.project-card:hover{transform:translateY(-8px);border-color:#47d1b857;box-shadow:0 30px 65px #0000005c,0 0 42px #47d1b814}.project-card:hover:before{opacity:1}.project-card.featured{border-color:#f5b45047;background:linear-gradient(145deg,#1c2847fa,#0b1020e6),linear-gradient(120deg,rgba(245,180,80,.12),transparent 42%,rgba(122,162,255,.08))}.project-card.featured:after{content:"";position:absolute;inset:1px;border-radius:21px;pointer-events:none;border:1px solid rgba(245,180,80,.1)}.project-card img{width:38%;min-height:100%;object-fit:cover;transition:transform .35s ease}.project-card:hover img{transform:scale(1.04)}.project-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:.8rem;padding:1.25rem}.project-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.project-meta span,.project-meta strong,.project-link-disabled{width:fit-content;border-radius:999px;font-size:.76rem;font-weight:800;line-height:1;padding:.42rem .65rem}.project-meta span{background:#47d1b821;color:#baf4e9}.project-meta strong{background:#f5b45026;color:#f8d89c}.project-card h3{font-size:1.1rem;line-height:1.25}.project-card p{font-size:.93rem;line-height:1.5}.stack{display:flex;flex-wrap:wrap;gap:.45rem}.stack span{padding:.35rem .68rem;border:1px solid rgba(122,162,255,.22);border-radius:999px;background:#7aa2ff14;font-size:.75rem;transition:transform .25s ease,background .25s ease}.stack span:hover{background:#47d1b824;transform:translateY(-2px)}.project-details{padding-top:.75rem;border-top:1px solid rgba(122,162,255,.16);color:#d0daf4}.project-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:auto}.details-toggle{border:1px solid rgba(122,162,255,.3);background:#7aa2ff14;color:var(--heading);cursor:pointer;padding:.55rem .85rem}.project-actions a{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--primary),var(--accent));color:#07101f;padding:.58rem .95rem}.details-toggle:hover,.project-actions a:hover{transform:translateY(-2px)}.project-link-disabled{border:1px solid rgba(184,195,224,.2);color:#b8c3e0c7}@media (max-width: 820px){.project-card,.project-card.featured{display:grid}.project-card img{width:100%;height:190px}}@media (max-width: 560px){.project-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-button,.project-actions a,.details-toggle,.project-link-disabled{justify-content:center;text-align:center}}.cursor-trail,.ambient-field{position:fixed;inset:0;pointer-events:none}.cursor-trail{z-index:1;mix-blend-mode:screen;opacity:.85}.ambient-field{z-index:0;opacity:.8;background:linear-gradient(115deg,rgba(122,162,255,.08),transparent 34%,rgba(71,209,184,.06) 62%,transparent),conic-gradient(from 180deg at 50% 50%,rgba(172,112,255,.09),transparent 20%,rgba(71,209,184,.08),transparent 58%,rgba(255,93,190,.06),transparent);filter:blur(18px);transform:scale(1.08);animation:ambientDrift 18s ease-in-out infinite alternate}.reveal-on-scroll{opacity:0;transform:translateY(18px) scale(.985);transition:opacity .6s ease var(--reveal-delay, 0ms),transform .6s ease var(--reveal-delay, 0ms)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0) scale(1)}@keyframes ambientDrift{0%{transform:scale(1.08) translate3d(-1%,-1%,0) rotate(0)}to{transform:scale(1.12) translate3d(1.5%,1%,0) rotate(4deg)}}@media (max-width: 767px),(pointer: coarse),(prefers-reduced-motion: reduce){.cursor-trail{display:none}.ambient-field{opacity:.38;animation:none;filter:blur(24px)}.reveal-on-scroll,.reveal-on-scroll.is-visible{opacity:1;transform:none;transition:none}}