:root{color-scheme:dark;--bg: #0b0b0d;--surface: #111114;--border: #1f1f24;--text: #f4f4f5;--muted: #a1a1aa;--accent: #e5e7eb;--radius: 18px;--glow: rgba(255, 255, 255, .2)}.particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#ffffffbf,#fff3);z-index:200;transition:width .08s linear;pointer-events:none}.page{min-height:100vh;background:var(--bg);color:var(--text);position:relative;isolation:isolate}.header{position:sticky;top:0;z-index:100;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:#0b0b0dcc;border-bottom:1px solid var(--border)}.nav{max-width:1100px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:600;font-size:1rem;text-decoration:none;color:var(--text);letter-spacing:.04em;display:flex;align-items:center;gap:2px}.typing-text{display:inline-block}.cursor-blink{animation:blink 1s step-end infinite;color:var(--accent);font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-links{display:flex;gap:4px;font-size:.875rem}.nav-links a{color:var(--muted);text-decoration:none;transition:color .2s ease,background .2s ease;padding:6px 12px;border-radius:999px}.nav-links a:hover{color:var(--text);background:#ffffff0f}.nav-links a.active{color:var(--text);background:#ffffff14}.section{max-width:1100px;margin:0 auto;padding:96px 24px;position:relative;z-index:1}section[id]{scroll-margin-top:80px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:56px;align-items:center;padding-top:80px}.hero-content h1{font-size:clamp(2.5rem,4vw,3.5rem);margin:12px 0 20px;letter-spacing:-.025em}.eyebrow{font-size:.75rem;color:var(--muted);letter-spacing:.25em;text-transform:uppercase}.hero-copy{display:grid;gap:12px;color:var(--muted);line-height:1.75;max-width:480px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 24px;font-size:.875rem;font-weight:500;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;cursor:pointer;letter-spacing:.01em;font-family:inherit}.button.primary{background:var(--accent);color:#111114}.button.primary:hover{background:#fff;box-shadow:0 4px 24px #ffffff24;transform:translateY(-1px)}.button.ghost{border-color:var(--border);color:var(--text);background:transparent}.button.ghost:hover{border-color:#ffffff2e;background:#ffffff0a;transform:translateY(-1px)}.icon-actions{display:flex;gap:10px;margin:28px 0 0;align-items:center;flex-wrap:wrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.09);color:var(--text);text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease;flex-shrink:0}.icon-btn:hover{background:#ffffff1f;border-color:#ffffff29;transform:translateY(-1px)}.icon-btn-resume{width:auto;padding:0 20px;gap:8px;font-size:.9rem;font-weight:500;letter-spacing:.01em;border-radius:14px}.socials{display:flex;gap:20px;flex-wrap:wrap}.socials a{color:var(--muted);text-decoration:none;font-size:.875rem;transition:color .2s ease;position:relative}.socials a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--text);transition:width .25s ease}.socials a:hover{color:var(--text)}.socials a:hover:after{width:100%}.hero-photo{display:flex;justify-content:center}.photo-ring{position:relative;width:min(340px,92vw);aspect-ratio:1 / 1;border-radius:50%;padding:8px;isolation:isolate;animation:photoFloat 6s ease-in-out infinite}.photo-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#ffffff26,#ffffff08,#ffffff14);z-index:0}.photo-ring:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.22),transparent 62%);filter:blur(20px);opacity:.35;z-index:0;pointer-events:none}.photo-ring img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:var(--surface);object-fit:cover;object-position:24% center;box-shadow:0 24px 80px #0000008c,0 0 60px #ffffff08;display:block;transition:transform .35s ease,box-shadow .35s ease}.photo-ring:hover img{transform:scale(1.03);box-shadow:0 28px 90px #00000094,0 0 80px #ffffff0f}@keyframes photoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.section-title{margin-bottom:40px;display:grid;gap:8px}.section-title h2{font-size:1.85rem;margin:0;letter-spacing:-.025em}.section-title p{color:var(--muted);margin:0;font-size:.95rem}.project-list{display:grid;gap:14px}.project-row{display:grid;grid-template-columns:minmax(200px,270px) 1fr;gap:24px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .3s ease,box-shadow .3s ease,transform .25s ease}.project-row:hover{border-color:#ffffff1a;box-shadow:0 8px 48px #00000073,0 0 0 1px #ffffff0a;transform:translateY(-2px)}.project-media{display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.04)}.project-media img{width:100%;height:175px;object-fit:cover;display:block;transition:transform .4s ease}.project-media:hover img{transform:scale(1.05)}.project-content{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.project-content h3{margin:0 0 8px;font-size:1.05rem;letter-spacing:-.01em}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:4px 11px;border-radius:999px;border:1px solid var(--border);font-size:.75rem;color:var(--muted);letter-spacing:.02em}.stack{display:grid;gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .3s ease,box-shadow .3s ease}.card:hover{border-color:#ffffff1a;box-shadow:0 8px 48px #0006,0 0 0 1px #ffffff0a}.experience-card{padding:24px}.experience-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}.experience-header h3{margin:0 0 6px;font-size:1rem;letter-spacing:-.01em}.company{display:inline-flex;align-items:center;gap:9px;color:var(--muted);text-decoration:none;font-size:.9rem;transition:color .2s ease}.company:hover{color:var(--text)}.company img{width:22px;height:22px;object-fit:contain;border-radius:5px;flex-shrink:0}.logo-initials{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:#ffffff12;border:1px solid var(--border);font-size:.55rem;font-weight:700;letter-spacing:.04em;color:var(--muted);flex-shrink:0}.dates{font-size:.82rem;white-space:nowrap;padding-top:2px}.experience-card ul{margin:16px 0 0 20px;color:var(--muted);display:grid;gap:8px;line-height:1.65;font-size:.9rem;padding:0}.muted{color:var(--muted)}.skill-groups{display:grid;gap:22px}.skill-group{display:grid;gap:10px}.skill-category{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff4d}.contact{display:grid;gap:16px;max-width:520px}.contact label{display:grid;gap:6px;color:var(--muted);font-size:.875rem;letter-spacing:.01em}.contact input,.contact textarea{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;outline:none;resize:vertical}.contact input:focus,.contact textarea:focus{border-color:#ffffff2e;box-shadow:0 0 0 3px #ffffff0a}.contact input::placeholder,.contact textarea::placeholder{color:#fff3}.footer{padding:32px 24px 44px;text-align:center;color:var(--muted);border-top:1px solid var(--border);font-size:.85rem;position:relative;z-index:1}.cursor-trail{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.trail-dot{position:absolute;width:8px;height:8px;border-radius:999px;background:#ffffff24;transform:translate(-50%,-50%);filter:blur(.5px);opacity:.7;transition:transform .6s ease,opacity .6s ease}.trail-dot.fade{transform:translate(-50%,-50%) scale(2.5);opacity:0}.trail-dot.hover{background:#ffffff6b;box-shadow:0 0 10px var(--glow)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 720px){.nav{flex-direction:column;gap:12px}.nav-links{flex-wrap:wrap;justify-content:center}.hero{padding-top:48px;gap:40px}.project-row{grid-template-columns:1fr}.project-media img{height:180px}.experience-header{gap:4px}}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:#0b0b0d;color:#f4f4f5;letter-spacing:.01em}img{max-width:100%}a{color:inherit}*{scroll-behavior:smooth}