*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #09090b;--bg-card: rgba(255, 255, 255, .025);--bg-card-hover: rgba(255, 255, 255, .045);--border: rgba(255, 255, 255, .07);--border-accent: rgba(245, 158, 11, .3);--text: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #f59e0b;--accent-dim: rgba(245, 158, 11, .12);--accent2: #fb923c;--green: #22c55e;--green-dim: rgba(34, 197, 94, .12);--purple: #a78bfa;--purple-dim: rgba(167, 139, 250, .12);--blue: #60a5fa;--blue-dim: rgba(96, 165, 250, .12);--max-w: 820px}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ambient:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.08),transparent 70%);top:-200px;left:-100px;animation:ambientFloat 20s ease-in-out infinite alternate}.ambient:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.06),transparent 70%);bottom:-150px;right:-100px;animation:ambientFloat 18s ease-in-out infinite alternate-reverse}@keyframes ambientFloat{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}.page{position:relative;z-index:1;max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}nav{position:sticky;top:0;z-index:100;background:#09090bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);margin:0 -1.5rem;padding:0 1.5rem}.nav-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.nav-name{font-weight:700;font-size:.95rem;letter-spacing:-.02em}.nav-links{display:flex;gap:.25rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.8rem;font-weight:500;padding:.4rem .7rem;border-radius:6px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ffffff0f}.hero{padding:5rem 0 3.5rem;border-bottom:1px solid var(--border)}.hero h1{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem}.hero h1 .accent{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-summary{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;max-width:680px;font-weight:300}section{padding:3.5rem 0;border-bottom:1px solid var(--border)}section:last-of-type{border-bottom:none}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.section-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon svg{width:18px;height:18px}.section-icon.amber{background:var(--accent-dim);color:var(--accent)}.section-icon.green{background:var(--green-dim);color:var(--green)}.section-icon.purple{background:var(--purple-dim);color:var(--purple)}.section-icon.blue{background:var(--blue-dim);color:var(--blue)}.section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.exp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.75rem;margin-bottom:1.25rem;transition:background .25s,border-color .25s}.exp-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.exp-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.3rem;flex-wrap:wrap}.exp-company{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.exp-date{font-size:.75rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;white-space:nowrap}.exp-role{font-size:1.1rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.01em}.exp-location{font-size:.78rem;color:var(--text-muted);font-weight:400}.exp-bullets{list-style:none;display:flex;flex-direction:column;gap:.65rem}.exp-bullets li{position:relative;padding-left:1.25rem;font-size:.9rem;color:var(--text-secondary);line-height:1.65}.exp-bullets li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.5}.projects-grid{display:grid;grid-template-columns:1fr;gap:1rem}.proj-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;transition:background .25s,border-color .25s,transform .25s}.proj-card:hover{background:var(--bg-card-hover);border-color:#a78bfa4d;transform:translateY(-2px)}.proj-name{font-size:1rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.01em}.proj-bullets{list-style:none;display:flex;flex-direction:column;gap:.5rem}.proj-bullets li{position:relative;padding-left:1.15rem;font-size:.85rem;color:var(--text-secondary);line-height:1.6}.proj-bullets li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:1px;background:var(--purple);opacity:.5;transform:rotate(45deg)}.skills-group{margin-bottom:1.5rem}.skills-group:last-child{margin-bottom:0}.skills-label{font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}.pills{display:flex;flex-wrap:wrap;gap:.4rem}.pill{display:inline-block;padding:.3rem .7rem;border-radius:6px;font-size:.78rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:border-color .2s,color .2s,background .2s}.pill:hover{border-color:var(--border-accent);color:var(--text);background:var(--bg-card-hover)}.pill.highlight{border-color:#f59e0b40;background:var(--accent-dim);color:var(--accent)}.edu-card{display:flex;gap:1.25rem;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;margin-bottom:1rem;transition:background .25s,border-color .25s}.edu-card:hover{background:var(--bg-card-hover);border-color:#60a5fa4d}.edu-card:last-child{margin-bottom:0}.edu-icon{width:40px;height:40px;border-radius:10px;background:var(--blue-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.edu-details{flex:1}.edu-school{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:.15rem}.edu-degree{font-size:.95rem;font-weight:600}.edu-meta{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}footer{padding:2.5rem 0;text-align:center;border-top:1px solid var(--border)}.footer-line{font-size:.78rem;color:var(--text-muted)}.footer-line a{color:var(--accent);text-decoration:none;transition:opacity .2s}.footer-line a:hover{opacity:.7}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:600px){.hero{padding:3.5rem 0 2.5rem}section{padding:2.5rem 0}.exp-card,.proj-card,.edu-card{padding:1.25rem}.nav-links a{padding:.3rem .5rem;font-size:.75rem}}