:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: rgba(30, 30, 30, .6);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-accent: #38bdf8;--primary: #0ea5e9;--primary-glow: rgba(14, 165, 233, .5);--border-color: rgba(255, 255, 255, .1);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--radius-md: 12px;--radius-lg: 24px;--transition-fast: .2s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.hero-content{position:relative;z-index:10;max-width:800px;text-align:center}.hero-greeting{font-size:1.5rem;color:var(--text-accent);margin-bottom:1rem;font-weight:500}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-bio{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:center}.btn{padding:.8rem 2rem;border-radius:var(--radius-lg);font-weight:600;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--text-accent);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf866}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:var(--text-primary)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 10s infinite ease-in-out}.orb-1{width:300px;height:300px;background:var(--primary);top:20%;left:30%;animation-delay:0s}.orb-2{width:400px;height:400px;background:purple;bottom:20%;right:20%;animation-delay:-5s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}@media(max-width:768px){.hero-title{font-size:2.5rem}}.hero-skills{margin:1.5rem 0 2.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;opacity:.9}.hero-skills span.skill-pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-accent);background:#38bdf81a;padding:.4rem .9rem .4rem .6rem;border-radius:99px;border:1px solid rgba(56,189,248,.2);letter-spacing:.5px;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all var(--transition-fast)}.hero-skills span.skill-pill:hover{background:#38bdf833;transform:translateY(-2px);border-color:#38bdf866}.skill-icon{width:20px;height:20px;object-fit:contain}.projects-section{padding:5rem 2rem;background:var(--bg-secondary)}.container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center}.highlight{color:var(--primary)}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.project-card{width:100%;max-width:400px;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2rem;transition:transform var(--transition-normal);position:relative;overflow:hidden}.project-card:hover{transform:translateY(-5px);border-color:var(--primary)}.project-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.project-icon{width:48px;height:48px;border-radius:12px;object-fit:cover;box-shadow:0 4px 6px #0003}.project-title{font-size:1.5rem;margin-bottom:0}.project-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{font-size:.8rem;background:#ffffff1a;padding:.3rem .8rem;border-radius:99px;color:var(--text-primary)}.project-link{font-weight:600;color:var(--primary);display:inline-block;transition:padding-left var(--transition-fast)}.project-link:hover{padding-left:5px}.experience-section{padding:5rem 2rem;background:var(--bg-primary)}.timeline{position:relative;max-width:800px;margin:0 auto;border-left:2px solid var(--border-color);padding-left:2rem}.timeline-item{position:relative;margin-bottom:3rem}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-2.6rem;top:.3rem;width:1.2rem;height:1.2rem;background:var(--bg-primary);border:2px solid var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary-glow)}.timeline-content{background:var(--bg-card);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.timeline-date{font-size:.9rem;color:var(--primary);font-weight:600;display:block;margin-bottom:.5rem}.timeline-role{font-size:1.25rem;margin-bottom:.2rem;color:var(--text-primary)}.timeline-company{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:400}.timeline-desc{color:var(--text-secondary);line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color)}.nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.5rem;background:linear-gradient(to right,var(--text-primary),var(--text-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-weight:500;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--text-accent)}.footer{padding:2rem;text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:auto}.hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;z-index:1001}.bar{width:25px;height:2px;background-color:var(--text-primary);transition:all .3s ease-in-out;border-radius:2px}@media(max-width:768px){.hamburger{display:flex}.bar.open:nth-child(1){transform:translateY(8px) rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:70%;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease-in-out;box-shadow:-5px 0 15px #00000080;z-index:1000}.nav-links.open{right:0}.nav-links a{font-size:1.5rem}}