@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #03060f;--text: #e8eeff;--muted: #9ea9c5;--line: rgba(135, 155, 211, .24);--primary: #54f4ff;--accent: #7a8cff;--shadow: 0 24px 80px rgba(3, 8, 24, .45);--tilt-x: 0deg;--tilt-y: 0deg;--project-tilt-x: 0deg;--project-tilt-y: 0deg}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button,input,textarea{font-family:inherit}.app-shell{position:relative}.container{width:min(1200px,92vw);margin:0 auto}.ai-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(circle at 24% -10%,#13296b 0,transparent 40%),radial-gradient(circle at 85% 12%,#0a4252 0,transparent 42%),linear-gradient(145deg,#03060f,#050913,#02040a)}.ai-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(104,130,207,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(104,130,207,.07) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 92%);mask-image:radial-gradient(circle at center,black 35%,transparent 92%);animation:gridShift 34s linear infinite}.blob{position:absolute;filter:blur(68px);opacity:.36;border-radius:50%}.blob-a{width:320px;height:320px;background:#1b71a3;top:-70px;left:-90px;animation:blobFloat 11s ease-in-out infinite}.blob-b{width:390px;height:390px;background:#384fab;right:-100px;top:32%;animation:blobFloat 13s ease-in-out infinite reverse}.blob-c{width:340px;height:340px;background:#125568;bottom:-140px;left:28%;animation:blobFloat 14s ease-in-out infinite}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;transform-origin:left;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:120}.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,#2d81c02e,#3882f600 70%);mix-blend-mode:screen;will-change:transform}.navbar{position:sticky;top:0;z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030814b3;border-bottom:1px solid rgba(130,150,210,.2)}.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-logo{border:0;background:transparent;color:var(--text);font-weight:700;letter-spacing:.02em;font-size:1.08rem;cursor:pointer}.nav-menu{display:flex;align-items:center;gap:18px}.nav-link{border:0;color:var(--muted);background:transparent;cursor:pointer;font-weight:500;transition:color .25s ease}.nav-link:hover{color:var(--primary)}.mobile-toggle{display:none;border:1px solid var(--line);background:#10182dbf;color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}.mobile-menu{display:grid;gap:8px;border-top:1px solid var(--line);padding:0 4vw 14px}.mobile-menu button{text-align:left;background:#0d1325cc;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px}.hero-section{position:relative;padding:80px 0 42px}.hero-layer{position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(36,220,255,.16),transparent 52%),radial-gradient(circle at 80% 30%,rgba(93,104,255,.13),transparent 48%);pointer-events:none;will-change:transform}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px}.hero-name-stack{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px}.hero-name-stack h1{font-family:Sora,sans-serif;font-size:clamp(2.6rem,8.5vw,5.15rem);line-height:.96;letter-spacing:-.02em;font-weight:800;background:linear-gradient(135deg,#f1f6ff,#d6e9ff 44%,#93e9ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(96,224,255,.1)}.hero-title{font-size:clamp(1.16rem,2.5vw,1.8rem);line-height:1.34;font-weight:600;margin-bottom:16px;color:#d7e6ff}.hero-subtitle{max-width:64ch;color:var(--muted);font-size:1.01rem;line-height:1.75}.hero-cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.btn-ripple{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(130,160,215,.34);padding:10px 16px;color:#d9e8ff;font-weight:600;font-size:.92rem;transition:border-color .2s ease;transform:translateZ(0)}.btn-ripple span{position:relative;z-index:2}.btn-ripple:hover{border-color:#78e0ffb8}.btn-primary{background:linear-gradient(120deg,#3ac4ff,#7488ff);color:#04122e}.btn-ghost{background:#0f1830b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ripple{position:absolute;border-radius:50%;background:#ffffff6b;transform:scale(0);animation:rippleExpand .65s linear;pointer-events:none;z-index:1}.hero-photo-shell{position:relative;width:min(450px,84vw);justify-self:center;animation:idleFloat 6.5s ease-in-out infinite;will-change:transform}.hero-photo-ring{padding:4px;border-radius:34px;background:linear-gradient(130deg,#31d6ff,#6f7dff,#5ff3bc);box-shadow:0 20px 70px #2f79ff59;transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);transition:transform .18s ease-out;will-change:transform}.hero-photo-frame{border-radius:30px;overflow:hidden;position:relative;border:1px solid rgba(201,230,255,.15);background:#0c1325bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-photo-frame img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;transform:scale(1.01) translateZ(0);transition:transform .38s ease;will-change:transform}.hero-photo-ring:hover img{transform:scale(1.07)}.hero-photo-halo{position:absolute;inset:18% 12%;background:radial-gradient(circle,rgba(97,220,255,.34),transparent 65%);filter:blur(22px);z-index:-1}.hero-photo-pulse{position:absolute;inset:14% 10%;border-radius:40px;background:#3a99ff29;filter:blur(28px);animation:pulseGlow 3.2s ease-in-out infinite;z-index:-1}.hero-photo-shimmer{position:absolute;inset:0;background:linear-gradient(145deg,rgba(90,165,255,.2),transparent 45%,rgba(92,236,201,.14));mix-blend-mode:screen}.hero-photo-sweep{position:absolute;top:-120%;left:-55%;width:60%;height:320%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(18deg);animation:sweepLight 5.5s ease-in-out infinite}.photo-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#d8f8ff 0%,rgba(162,234,255,.2) 72%,transparent 100%);box-shadow:0 0 18px #74dfffcc;animation:particleFloat 5.2s ease-in-out infinite}.particle-1{top:6%;left:8%}.particle-2{top:15%;right:4%;animation-delay:.8s}.particle-3{bottom:18%;left:2%;animation-delay:.6s}.particle-4{bottom:10%;right:8%;animation-delay:1.2s}.particle-5{top:2%;left:42%;animation-delay:.4s}.particle-6{bottom:34%;right:-1%;animation-delay:1.6s}.particle-7{bottom:2%;left:35%;animation-delay:1s}.particle-8{top:44%;right:-2%;animation-delay:1.1s}.section{padding:84px 0}.section-header{margin-bottom:26px}.section-header h2{font-family:Sora,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.section-sub{margin-top:8px;color:var(--muted)}.glass-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d1323db,#090e1bd6);box-shadow:var(--shadow);border-radius:20px;padding:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.experience-timeline{display:grid;gap:18px;position:relative;padding-left:18px}.experience-timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,#53ebffcc,#7888ff40)}.timeline-card{min-height:180px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;transition:transform .24s ease,border-color .24s ease}.timeline-card:hover{border-color:#66dfffb3}.timeline-dot,.edu-badge,.skill-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;background:linear-gradient(135deg,#38c0ff57,#756aff57);border:1px solid rgba(123,207,255,.35)}.timeline-card h3,.education-card h3,.skill-card h3,.project-body h3{font-size:1.1rem;margin-bottom:8px}.timeline-card p,.education-card p,.timeline-highlights li,.education-points li,.project-line,.section-sub{color:var(--muted);line-height:1.7}.timeline-highlights,.education-points,.project-highlights{list-style:disc;padding-left:18px;display:grid;gap:6px;margin-top:10px}.education-card{min-height:260px;display:grid;gap:14px}.education-head,.skill-head{display:flex;align-items:center;gap:10px}.education-card h4{font-size:1.02rem;color:#96dcff;margin-top:3px}.education-meta{display:inline-flex;width:fit-content;padding:6px 12px;border-radius:999px;border:1px solid rgba(128,158,215,.35);background:#0e182de0}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skill-card{min-height:220px;transition:transform .24s ease,border-color .24s ease}.skill-card:hover{border-color:#66dfffb3}.skill-items{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.skill-item{border-radius:999px;padding:6px 10px;border:1px solid rgba(117,149,213,.35);background:#10192ccc;color:var(--muted);font-size:.86rem;transition:transform .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.skill-item:hover{transform:translateY(-1px) scale(1.03);color:#e9f7ff;border-color:#6ee2ffdb;box-shadow:0 10px 18px #2882d240}.projects-section{background:linear-gradient(180deg,#050911b8,#03060cd6)}.projects-showcase{display:grid;grid-template-columns:1fr;gap:34px}.project-card{min-height:430px;width:100%;border-radius:24px;border:1px solid rgba(98,122,176,.38);background:linear-gradient(160deg,#090f1ded,#050912f2);box-shadow:0 24px 56px #02061080;padding:24px;display:grid;grid-template-columns:.55fr .45fr;gap:20px;transition:border-color .24s ease,box-shadow .24s ease;content-visibility:auto;contain-intrinsic-size:430px}.project-card:hover{border-color:#66c7ffc2;box-shadow:0 30px 68px #0c284f73}.project-visual-wrap{border-radius:18px;transform:perspective(900px) rotateX(var(--project-tilt-x)) rotateY(var(--project-tilt-y)) translateZ(0);transition:transform .16s ease-out;will-change:transform}.project-visual{height:100%;min-height:300px;border-radius:18px;border:1px solid rgba(112,136,190,.4);position:relative;overflow:hidden;box-shadow:0 16px 30px #0208176b}.project-visual-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateZ(0)}.project-chip{position:absolute;top:12px;left:12px;border-radius:999px;padding:5px 10px;font-size:.78rem;border:1px solid rgba(158,186,242,.45);background:#0c142ac7;color:#cce1ff;z-index:3}.project-glass-layer{position:absolute;inset:0;background:linear-gradient(140deg,rgba(159,205,255,.08),transparent 36%,rgba(79,162,255,.08))}.project-sweep{position:absolute;top:-100%;left:-50%;width:55%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(18deg);animation:sweepLight 6s ease-in-out infinite}.project-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:#bae7ffe6;box-shadow:0 0 16px #84ccffd9;animation:particleFloat 4.8s ease-in-out infinite}.project-particle.p1{left:16%;bottom:12%}.project-particle.p2{right:14%;top:22%;animation-delay:1s}.project-particle.p3{right:22%;bottom:18%;animation-delay:.6s}.project-body{display:grid;align-content:center;gap:10px}.tech-row{display:flex;flex-wrap:wrap;gap:8px}.tech-row span{font-size:.78rem;border-radius:999px;padding:6px 10px;background:#0f182cf2;border:1px solid rgba(103,128,188,.35);color:#bcdcff;transition:border-color .2s ease,transform .2s ease}.tech-row span:hover{border-color:#64d7ffe6;transform:translateY(-1px)}.card-links{display:flex;gap:10px;margin-top:4px}.card-links a{border:1px solid rgba(99,126,190,.4);color:#d5e8ff;background:#0d162ac7;padding:8px 12px;border-radius:999px;font-size:.85rem}.card-links a:hover{border-color:#64dcffe6}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.contact-info-panel h3{font-size:1.2rem;margin-bottom:14px}.contact-list{display:grid;gap:10px}.contact-item{border:1px solid rgba(126,147,201,.3);border-radius:14px;padding:11px;background:#08101ec2;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.contact-item:hover{transform:translateY(-2px);border-color:#66dfffcc;box-shadow:0 12px 24px #2f95ff38}.contact-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;background:linear-gradient(135deg,#38c0ff59,#756aff57);border:1px solid rgba(123,207,255,.35)}.contact-item p{color:var(--muted);margin-top:2px}.contact-form{display:grid;gap:12px}.field{position:relative}.field input,.field textarea{width:100%;border-radius:12px;border:1px solid rgba(126,148,205,.33);background:#081121e0;color:var(--text);padding:20px 14px 10px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.field textarea{resize:vertical;min-height:128px}.field label{position:absolute;left:14px;top:14px;color:#8f9ec2;font-size:.9rem;pointer-events:none;transition:.2s ease}.field input:focus,.field textarea:focus{border-color:#6ee1fff2;box-shadow:0 0 0 3px #57abff2e;transform:translateY(-1px)}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:6px;font-size:.72rem;color:#86e3ff}.field small{display:block;margin-top:6px;color:#ff9da9;font-size:.76rem}.field-error input,.field-error textarea{border-color:#ff7592d9}.submit-btn{border:1px solid rgba(124,165,228,.45);border-radius:999px;padding:11px 16px;background:linear-gradient(120deg,#4bc7ff,#7a8cff);color:#04122e;font-weight:700;cursor:pointer}.success-msg{color:#96ffd1;font-size:.9rem}.footer{border-top:1px solid rgba(134,152,203,.2);padding:22px 0 34px;color:#90a6d8;text-align:center}@keyframes idleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}@keyframes sweepLight{0%{left:-60%}45%{left:130%}to{left:130%}}@keyframes particleFloat{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-16px);opacity:.35}}@keyframes rippleExpand{to{transform:scale(2.6);opacity:0}}@keyframes gridShift{0%{transform:translateY(0)}to{transform:translateY(42px)}}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10px,-18px) scale(1.06)}}@media(max-width:1100px){.hero-grid,.contact-grid{grid-template-columns:1fr}.project-card{min-height:360px}}@media(max-width:900px){.nav-menu{display:none}.mobile-toggle{display:inline-flex}.hero-section{padding-top:50px}.hero-name-stack h1{font-size:clamp(2.3rem,13vw,3.9rem)}.skills-grid,.project-card{grid-template-columns:1fr}}@media(max-width:760px){.btn-ripple{width:100%}}@media(hover:none),(pointer:coarse){.cursor-glow,.hero-photo-pulse,.hero-photo-sweep,.project-sweep,.photo-particle,.project-particle{display:none}.ai-grid,.blob,.hero-photo-shell{animation:none}.hero-photo-ring,.project-visual-wrap{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cursor-glow,.hero-photo-pulse,.hero-photo-sweep,.project-sweep,.photo-particle,.project-particle{display:none!important}}