:root{--color-navy:#0a192f;--color-light-navy:#112240;--color-lightest-navy:#233554;--color-slate:#8892b0;--color-light-slate:#a8b2d1;--color-lightest-slate:#ccd6f6;--color-white:#e6f1ff;--color-green:#64ffda;--font-mono:'SF Mono','Fira Code','Fira Mono','Roboto Mono',monospace;--font-sans:'Calibre','Inter','San Francisco','SF Pro Text',-apple-system,system-ui,sans-serif;--fz-xxs:12px;--fz-xs:13px;--fz-sm:14px;--fz-md:16px;--fz-lg:18px;--fz-xl:20px;--fz-xxl:22px;--fz-heading:32px;--border-radius:4px;--nav-height:100px;--nav-scroll-height:70px;--tab-height:42px;--tab-width:120px;--easing:cubic-bezier(0.645, 0.045, 0.355, 1);--transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);--hamburger-width:30px;--ham-before:top 0.1s ease-in 0.25s,opacity 0.1s ease-in;--ham-before-active:top 0.1s ease-out,opacity 0.1s ease-out 0.12s;--ham-after:bottom 0.1s ease-in 0.25s,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);--ham-after-active:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;--cursor-light-size:600px;--cursor-light-opacity:0.15}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-navy);color:var(--color-slate);line-height:1.3}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.navbar{position:fixed;top:0;left:0;right:0;background:rgba(10,25,47,.85);backdrop-filter:blur(10px);height:var(--nav-height);transition:var(--transition);filter:none!important;pointer-events:auto!important;user-select:auto!important;padding:0 50px;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-family:var(--font-mono);font-size:var(--fz-md);color:var(--color-green);text-decoration:none;letter-spacing:1px}.nav-links{display:flex;gap:2rem;list-style:none;counter-reset:nav}.nav-links a{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--color-lightest-slate);text-decoration:none;transition:var(--transition);counter-increment:nav}.nav-links a:before{content:"0" counter(nav) ".";margin-right:5px;color:var(--color-green);font-size:var(--fz-xxs);text-align:right}.nav-links a:hover{color:var(--color-green)}.header{min-height:100vh;display:flex;align-items:center;padding:0;background:var(--color-navy)}.header .container{display:flex;flex-direction:column;gap:20px}.header h1{font-family:var(--font-sans);font-size:clamp(40px, 8vw, 80px);color:var(--color-lightest-slate);line-height:1.1;margin:0}.subtitle{font-family:var(--font-mono);font-size:var(--fz-md);color:var(--color-green);margin:0}.about-content{max-width:800px;margin:0 auto}.lead-text{font-size:1.5rem;color:var(--color-gray);margin-bottom:2rem;text-align:center}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-card{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--color-slate);background:var(--color-light-navy);border-radius:var(--border-radius);padding:.5rem 1rem;transition:var(--transition)}.skill-card:hover{color:var(--color-green);background:var(--color-lightest-navy)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.service-icon{color:var(--color-green);font-size:var(--fz-xxl);margin-bottom:1rem}.service-card{background:var(--color-light-navy);border-radius:var(--border-radius);padding:2rem;transition:var(--transition)}.service-card:hover{transform:translateY(-5px);background:var(--color-lightest-navy)}.service-card h3{font-family:var(--font-sans);font-size:var(--fz-lg);margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.project-card{background:var(--color-light-navy);border-radius:var(--border-radius);padding:2rem;transition:var(--transition)}.project-card:hover{transform:translateY(-5px);background:var(--color-lightest-navy)}.project-image{height:200px;background:var(--color-border)}.project-card h3{font-family:var(--font-sans);font-size:var(--fz-lg);margin-bottom:1rem}.project-card p{color:var(--color-slate)}.project-link{display:inline-block;padding:1rem 1.5rem;color:var(--color-green);text-decoration:none;font-weight:500}.cta-button{font-family:var(--font-mono);font-size:var(--fz-xs);display:inline-block;padding:1.25rem 1.75rem;background:0 0;color:var(--color-green);border:1px solid var(--color-green);border-radius:var(--border-radius);text-decoration:none;transition:var(--transition);cursor:pointer}.cta-button:hover{background:rgba(100,255,218,.1);transform:translate(-4px,-4px)}.cta-button.secondary{color:var(--color-green);border-color:var(--color-green)}.contact-text{color:var(--color-slate);margin-bottom:2rem}.contact-buttons{display:flex;gap:1rem;justify-content:center}.footer{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--color-slate);text-align:center;padding:2rem 0}@media (max-width:768px){.navbar{padding:0 25px}.nav-links{display:none}}.ripple-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(255,255,255,.7);pointer-events:none;animation:ripple-animation .6s linear}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.cta-button{position:relative;overflow:hidden}.big-heading{font-size:clamp(40px, 8vw, 80px);font-family:var(--font-sans);color:var(--color-lightest-slate);line-height:1.1;margin:0}.description{margin:20px 0 0;max-width:540px;color:var(--color-slate)}.project-overline{margin:10px 0;color:var(--color-green);font-family:var(--font-mono);font-size:var(--fz-xs);font-weight:400}.project-tech-list{display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:25px 0 10px;padding:0;list-style:none;gap:20px;font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--color-light-slate)}.project-tech-list li{position:relative;padding-left:20px}.project-tech-list li::before{content:'▹';position:absolute;left:0;color:var(--color-green)}.project-description{color:var(--color-light-slate);font-size:var(--fz-md)}.section-heading{display:flex;align-items:center;position:relative;margin:10px 0 40px;width:100%;font-size:clamp(26px, 5vw, var(--fz-heading));white-space:nowrap;color:var(--color-lightest-slate)}.section-heading::before{position:relative;counter-increment:section;content:"0" counter(section) ".";margin-right:10px;color:var(--color-green);font-family:var(--font-mono);font-size:clamp(var(--fz-md), 3vw, var(--fz-xl));font-weight:400}.section-heading::after{content:"";display:block;position:relative;width:300px;height:1px;margin-left:20px;background-color:var(--color-lightest-navy)}main{counter-reset:section}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:20px 0}.skill-card{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--color-slate);background:var(--color-light-navy);border-radius:var(--border-radius);padding:.75rem 1rem;transition:var(--transition)}.skill-card:hover{color:var(--color-green);background:var(--color-lightest-navy);transform:translateX(5px)}.service-card{background:var(--color-light-navy);border-radius:var(--border-radius);padding:2rem;transition:var(--transition);position:relative;z-index:2}.service-card::before{content:'';position:absolute;inset:0;border-radius:var(--border-radius);padding:2px;background:linear-gradient(to right,var(--color-green),var(--color-lightest-slate));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:var(--transition)}.service-card:hover::before{opacity:1}.service-card:hover{transform:translateY(-5px)}.cursor-light{position:fixed;width:var(--cursor-light-size);height:var(--cursor-light-size);background:radial-gradient(circle at center,rgba(100,255,218,var(--cursor-light-opacity)) 0,rgba(100,255,218,0) 80%);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:none;z-index:1;mix-blend-mode:screen;filter:blur(40px);opacity:0}body:hover .cursor-light{opacity:1}.cta-button:hover,.project-card:hover,.service-card:hover,.skill-card:hover{position:relative;z-index:2}.cta-button,.project-card,.service-card,.skill-card{mix-blend-mode:normal}