html{scroll-behavior:smooth}:root{--text:#a1a1aa;--text-h:#fff;--bg:#09090b;--border:#27272a;--code-bg:#18181b;--accent:#8b5cf6;--accent-light:#a78bfa;--accent-bg:#8b5cf61a;--accent-border:#8b5cf64d;--glass:#18181bb3;--glass-border:#ffffff0d;--shadow:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006;--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Cal Sans", "Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;font:17px/1.6 var(--sans);letter-spacing:-.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;min-height:100svh;margin:0 auto;padding:0 24px;display:flex}body{background-image:radial-gradient(at 0 0,#8b5cf60d 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf60d 0,#0000 50%);background-attachment:fixed;margin:0}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);letter-spacing:-.03em;font-weight:600;line-height:1.1}h1{margin:0 0 24px;font-size:clamp(2.5rem,8vw,4.5rem)}h2{margin:0 0 16px;font-size:clamp(1.5rem,5vw,2.25rem)}p{margin:0}a{color:var(--accent-light);text-decoration:none;transition:all .2s}a:hover{filter:brightness(1.2)}.animate-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter{color:#fff;background:var(--accent);border:1px solid var(--accent-border);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.counter:hover{background:var(--accent-light);transform:translateY(-4px)scale(1.02);box-shadow:0 10px 20px -5px #8b5cf680}.counter:active{transform:translateY(0)}.hero-subtitle{color:var(--text);max-width:650px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:400;line-height:1.5}.nav-header{z-index:1000;background:var(--glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:fixed;top:0;left:0;right:0}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex}.nav-logo{background:linear-gradient(to right, var(--accent-light), var(--accent));-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;font-size:24px;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-h)}.resume-btn-small{background:var(--accent-bg);color:var(--accent-light);border:1px solid var(--accent-border);cursor:pointer;border-radius:8px;padding:6px 16px;font-weight:600;transition:all .3s}.resume-btn-small:hover{background:var(--accent);color:#fff}.content-section{text-align:left;max-width:900px;margin:0 auto;padding:100px 0}.content-section h2{align-items:center;gap:16px;margin-bottom:48px;font-size:32px;display:flex}.content-section h2:after{content:"";background:var(--border);flex-grow:1;height:1px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.skill-category{background:var(--code-bg);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .3s}.skill-category:hover{border-color:var(--accent-border);box-shadow:var(--shadow);background:#18181be6;transform:translateY(-5px)}.skill-category h3{color:var(--accent-light);align-items:center;gap:12px;margin-bottom:24px;font-size:18px;display:flex}.tags{flex-wrap:wrap;gap:10px;display:flex}.tags span{background:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:8px;padding:6px 14px;font-size:14px;font-weight:500}.experience-list{flex-direction:column;gap:32px;display:flex}.exp-item{background:var(--code-bg);border:1px solid var(--border);border-radius:20px;padding:32px;transition:border-color .3s;position:relative}.exp-item:hover{border-color:var(--accent-border)}.exp-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.exp-header h3{margin:0;font-size:22px}.exp-header .exp-date{background:var(--accent-bg);color:var(--accent-light);border-radius:6px;padding:4px 12px;font-size:14px;font-weight:700}.exp-company{color:var(--accent-light);margin-bottom:16px;font-size:16px;font-weight:600;display:block}.exp-link{color:var(--accent-light);text-underline-offset:4px;margin-left:8px;font-size:14px;text-decoration:underline;transition:all .2s}.exp-link:hover{color:#fff;text-shadow:0 0 8px var(--accent)}.exp-item ul{color:var(--text);margin:0;padding-left:20px}.exp-item ul li{margin-bottom:10px;list-style:none;position:relative}.exp-item ul li:before{content:"→";color:var(--accent);position:absolute;left:-20px}.floating-logos-container{z-index:-1;pointer-events:none;width:100%;height:600px;position:absolute;top:0;left:0;overflow:hidden}.floating-logo{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent-light);white-space:nowrap;opacity:.6;border-radius:50px;padding:8px 16px;font-size:14px;font-weight:700;position:absolute;box-shadow:0 0 20px #8b5cf61a}.python{animation:12s linear infinite float-1;top:20%;left:10%}.mongodb{animation:15s linear infinite float-2;top:40%;right:15%}.sql{animation:18s linear infinite float-3;bottom:30%;left:20%}.react{animation:14s linear infinite reverse float-1;top:15%;right:25%}.node{animation:20s linear infinite reverse float-2;top:60%;left:5%}.ai{animation:16s linear infinite float-3;top:30%;left:50%}.ts{animation:22s linear infinite float-1;bottom:10%;right:40%}@keyframes float-1{0%{transform:translate(0)rotate(0)}33%{transform:translate(30px,-50px)rotate(5deg)}66%{transform:translate(-20px,20px)rotate(-5deg)}to{transform:translate(0)rotate(0)}}@keyframes float-2{0%{transform:translate(0)rotate(0)}50%{transform:translate(-40px,40px)rotate(-10deg)}to{transform:translate(0)rotate(0)}}@keyframes float-3{0%{transform:translate(0)rotate(0)}25%{transform:translate(50px,50px)rotate(15deg)}75%{transform:translate(-50px,-30px)rotate(-10deg)}to{transform:translate(0)rotate(0)}}#center{text-align:center;padding-top:150px;padding-bottom:100px;position:relative}#next-steps{border-top:1px solid var(--border);justify-content:center;padding:80px 0;display:flex}#next-steps #social{text-align:center}#next-steps #social ul{justify-content:center;gap:16px;margin-top:32px;padding:0;list-style:none;display:flex}#next-steps #social ul a{background:var(--code-bg);border:1px solid var(--border);color:var(--text-h);border-radius:12px;padding:12px 24px;font-weight:600}#next-steps #social ul a:hover{border-color:var(--accent);background:var(--accent-bg)}.ticks{background:linear-gradient(to right, transparent, var(--border), transparent);height:1px}@media (width<=768px){.nav-links{display:none}.content-section{padding:60px 20px}.exp-header{flex-direction:column;align-items:flex-start;gap:8px}.hero .framework{left:20%}.hero .vite{right:20%}}