@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg:#050810;--bg-elevated:rgba(10,15,28,0.85);--surface:rgba(15,20,35,0.6);--surface-hover:rgba(20,28,50,0.7);--line:rgba(139,92,246,0.15);--line-hover:rgba(139,92,246,0.4);--text:#f0f0ff;--text-soft:#9ca3bf;--text-muted:#636b83;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-blue:#3b82f6;--gradient-primary:linear-gradient(135deg,#8b5cf6,#06b6d4);--gradient-warm:linear-gradient(135deg,#ec4899,#8b5cf6);--gradient-cool:linear-gradient(135deg,#06b6d4,#3b82f6);--glow-purple:rgba(139,92,246,0.4);--glow-cyan:rgba(6,182,212,0.35);--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 8px 32px rgba(0,0,0,0.4);--shadow-lg:0 24px 80px rgba(0,0,0,0.5);--shadow-glow:0 0 40px rgba(139,92,246,0.15)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5rem}body,html{min-height:100%}body{font-family:Inter,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 1200px 800px at 15% 0,rgba(139,92,246,.15),transparent 60%),radial-gradient(ellipse 1000px 600px at 85% 0,rgba(6,182,212,.12),transparent 55%),radial-gradient(ellipse 800px 500px at 50% 50%,rgba(236,72,153,.06),transparent 50%),radial-gradient(ellipse 600px 400px at 80% 100%,rgba(59,130,246,.08),transparent 50%);pointer-events:none;z-index:0;animation:bgShift 20s ease-in-out infinite alternate}@keyframes bgShift{0%{opacity:1}50%{opacity:.7}to{opacity:1}}a{color:inherit;text-decoration:none}main{position:relative;z-index:1;overflow:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;z-index:999}.section-wrap{width:min(1200px,calc(100% - 3rem));margin:0 auto}.top-nav{position:-webkit-sticky;position:sticky;top:.8rem;margin-top:.8rem;margin-bottom:3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .6rem .6rem 1rem;border-radius:999px;border:1px solid var(--line);background:rgba(5,8,16,.8);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);z-index:100;transition:border-color .3s ease}.top-nav:hover{border-color:var(--line-hover)}.logo{font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.12em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-nav nav{display:flex;flex-wrap:wrap;gap:.15rem}.top-nav nav a{color:var(--text-soft);padding:.55rem .85rem;font-size:.88rem;font-weight:500;border-radius:999px;transition:all .25s ease;position:relative}.top-nav nav a:hover{color:var(--text);background:rgba(139,92,246,.1)}.nav-cta{background:var(--gradient-primary);color:white!important;font-size:.85rem;font-weight:600;padding:.55rem 1.1rem;border-radius:999px;transition:all .3s ease;white-space:nowrap}.nav-cta:hover{box-shadow:0 0 20px var(--glow-purple);transform:translateY(-1px)}.hero{display:grid;grid-gap:3rem;gap:3rem;grid-template-columns:1.3fr .7fr;align-items:center;padding:2rem 0 4rem}.hero-copy{padding:1rem 0}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem .4rem .6rem;border-radius:999px;border:1px solid rgba(6,182,212,.3);background:rgba(6,182,212,.08);font-size:.8rem;font-weight:500;color:var(--accent-cyan);margin-bottom:1.5rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px rgba(16,185,129,.6)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.eyebrow{margin:0 0 1rem;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-purple);font-weight:600}h1,h2,h3,h4,p{margin:0}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,6vw,5rem);line-height:1;letter-spacing:-.04em;font-weight:700}.gradient-text{background:linear-gradient(135deg,#f0f0ff,#8b5cf6 50%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradientShift 5s ease-in-out infinite alternate}@keyframes gradientShift{0%{background-position:0}to{background-position:100%}}.hero-subtitle{font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,2.2vw,1.5rem);line-height:1.4;color:var(--text-soft);font-weight:400;margin-top:1rem;max-width:34ch}.lead{margin-top:1.25rem;margin-bottom:2rem;color:var(--text-muted);max-width:58ch;line-height:1.75;font-size:.95rem}.cta-row{display:flex;flex-wrap:wrap;gap:.85rem}.button{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:999px;font-weight:600;font-size:.92rem;padding:.75rem 1.4rem;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden}.button:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--gradient-primary);border:none;color:white}.button.primary:before{background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}.button.primary:hover{box-shadow:0 8px 30px var(--glow-purple),0 0 60px rgba(6,182,212,.15)}.button.primary:hover:before{opacity:1}.button.ghost{background:rgba(139,92,246,.06);border-color:rgba(139,92,246,.25)}.button.ghost:hover{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.5);box-shadow:0 0 20px rgba(139,92,246,.1)}.metric-grid{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.metric-grid li{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);padding:1rem;display:grid;grid-gap:.4rem;gap:.4rem;transition:all .3s ease;position:relative;overflow:hidden}.metric-grid li:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.metric-grid li:hover{border-color:var(--line-hover);background:var(--surface-hover)}.metric-grid li:hover:before{opacity:1}.metric-grid strong{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600}.metric-grid span{color:var(--text-muted);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.profile-panel{border-radius:var(--radius-xl);border:1px solid var(--line);background:linear-gradient(165deg,rgba(139,92,246,.08),rgba(6,182,212,.04),rgba(10,15,28,.9));box-shadow:var(--shadow-lg),var(--shadow-glow);overflow:hidden;transition:all .4s ease}.profile-panel:hover{border-color:var(--line-hover);box-shadow:var(--shadow-lg),0 0 60px rgba(139,92,246,.2);transform:translateY(-4px)}.profile-image-wrap{padding:.85rem .85rem 0}.profile-image-wrap img{width:100%;height:auto;object-fit:cover;border-radius:calc(var(--radius-xl) - 4px);border:1px solid rgba(139,92,246,.2);transition:border-color .3s ease}.profile-panel:hover .profile-image-wrap img{border-color:rgba(139,92,246,.4)}.profile-meta{padding:1.15rem;display:grid;grid-gap:.6rem;gap:.6rem}.profile-meta .location-tag{color:var(--text-soft)}.profile-meta .location-tag,.profile-meta a{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.profile-meta a{width:-moz-fit-content;width:fit-content;color:var(--text);font-weight:600;transition:color .2s ease}.profile-meta a:hover{color:var(--accent-purple)}.block{margin-top:7rem}.section-heading{display:grid;grid-gap:.85rem;gap:.85rem;margin-bottom:2.5rem}.section-label{display:flex;align-items:center;gap:.75rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-purple);font-weight:600}.label-line{width:2.5rem;height:2px;background:var(--gradient-primary);border-radius:2px}.section-heading h2{max-width:26ch;font-family:Space Grotesk,sans-serif;font-size:clamp(1.65rem,3.2vw,2.4rem);line-height:1.15;letter-spacing:-.02em;font-weight:600}.glow-card{position:relative;border-radius:var(--radius-lg);transition:transform .3s ease}.glow-card:hover{transform:translateY(-3px)}.glow-card-border{position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(300px circle at var(--glow-x) var(--glow-y),rgba(139,92,246,.35),rgba(6,182,212,.15),transparent 60%);opacity:var(--glow-opacity);transition:opacity .4s ease;pointer-events:none;z-index:0}.glow-card-content{position:relative;z-index:1;border-radius:inherit;border:1px solid var(--line);background:var(--surface);overflow:hidden;height:100%;transition:border-color .3s ease,background .3s ease}.glow-card:hover .glow-card-content{border-color:rgba(139,92,246,.3);background:var(--surface-hover)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem}.project-card{height:100%}.project-card .glow-card-content{display:grid;grid-template-rows:auto 1fr}.project-image{position:relative;overflow:hidden;aspect-ratio:16/9;background:rgba(5,10,20,.9)}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,20,35,.4),transparent 40%);pointer-events:none}.project-image iframe,.project-image img,.project-image video{width:100%;height:100%;display:block;object-fit:cover;border:0;transition:transform .5s ease}.glow-card:hover .project-image img,.glow-card:hover .project-image video{transform:scale(1.04)}.project-body{padding:1.25rem;display:grid;grid-gap:.75rem;gap:.75rem}.project-body h3{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.35}.project-period{font-size:.75rem;color:var(--accent-cyan);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.project-body p{color:var(--text-soft);line-height:1.65;font-size:.9rem}.project-body ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.project-body li{border-radius:999px;border:1px solid rgba(139,92,246,.2);background:rgba(139,92,246,.06);padding:.3rem .6rem;font-size:.75rem;color:var(--text-soft);font-weight:500;transition:all .2s ease}.project-body li:hover{border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.12);color:var(--text)}.project-body>a{width:-moz-fit-content;width:fit-content;margin-top:.2rem;font-size:.88rem;color:var(--accent-purple);font-weight:600;display:flex;align-items:center;gap:.35rem;transition:all .25s ease}.project-body>a:hover{color:var(--accent-cyan);gap:.6rem}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.skill-card .glow-card-content{padding:1.25rem;display:grid;grid-gap:1rem;gap:1rem}.skill-card h3{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:.45rem}.skill-tag{border-radius:999px;border:1px solid rgba(139,92,246,.2);background:rgba(139,92,246,.06);padding:.35rem .7rem;font-size:.8rem;color:var(--text-soft);font-weight:500;transition:all .25s ease;cursor:default}.skill-tag:hover{border-color:rgba(6,182,212,.5);background:rgba(6,182,212,.1);color:var(--accent-cyan);box-shadow:0 0 12px rgba(6,182,212,.1)}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;align-items:stretch}.timeline .glow-card,.timeline>div{height:100%}.timeline-card .glow-card-content{padding:1.25rem;display:flex;flex-direction:column;gap:.55rem}.timeline-active .glow-card-content{border-color:rgba(139,92,246,.3);background:linear-gradient(165deg,rgba(139,92,246,.08),var(--surface))}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.timeline-period{font-size:.75rem;font-weight:600;color:var(--accent-cyan);letter-spacing:.1em;text-transform:uppercase}.active-badge{font-size:.68rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.timeline-card h3{font-family:Space Grotesk,sans-serif;font-size:.98rem;font-weight:600}.timeline-card h4{font-size:.88rem;color:var(--accent-purple);font-weight:600}.timeline-card p{color:var(--text-soft);line-height:1.65;font-size:.85rem;flex:1 1}.timeline-skills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--line)}.contact-card{position:relative;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--surface);padding:clamp(2rem,5vw,3.5rem);display:grid;grid-gap:1rem;gap:1rem;overflow:hidden;transition:border-color .3s ease}.contact-card:hover{border-color:var(--line-hover)}.contact-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbFloat 10s ease-in-out infinite alternate}.contact-orb-1{width:400px;height:400px;top:-150px;right:-100px;background:rgba(139,92,246,.15)}.contact-orb-2{width:300px;height:300px;bottom:-120px;left:-80px;background:rgba(6,182,212,.12);animation-delay:-5s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-15px) scale(1.1)}}.contact-eyebrow{color:var(--text-soft);font-size:.9rem;position:relative;z-index:1}.contact-card h2{max-width:24ch;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.02em;position:relative;z-index:1}.contact-card .cta-row{position:relative;z-index:1;margin-top:.5rem}.site-footer{padding:3rem 0;text-align:center}.site-footer p{color:var(--text-muted);font-size:.82rem}@media (max-width:1060px){.hero{grid-template-columns:1fr;gap:2rem}.profile-panel{max-width:460px}.project-grid,.timeline{grid-template-columns:1fr}}@media (max-width:760px){.section-wrap{width:min(1200px,calc(100% - 1.4rem))}.top-nav{border-radius:var(--radius-lg);flex-direction:column;align-items:stretch;gap:.5rem;padding:.8rem;position:relative;top:0}.top-nav nav{justify-content:center}.nav-cta{text-align:center}h1{font-size:clamp(2.2rem,8vw,3.5rem)}.metric-grid,.skill-grid{grid-template-columns:1fr}.block{margin-top:4.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}::selection{background:rgba(139,92,246,.3);color:var(--text)}