@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#000;--bg-card:#111;--bg-hover:#1f1f1f;--text-primary:#fff;--text-secondary:#a1a1aa;--brand-gradient:linear-gradient(90deg, #f59e0b 0%, #ef4444 33%, #8b5cf6 66%, #3b82f6 100%);--brand-gradient-hover:linear-gradient(90deg, #fbbf24 0%, #f87171 33%, #a78bfa 66%, #60a5fa 100%);--font-family:"Outfit", system-ui, -apple-system, sans-serif;--nav-height:88px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}.text-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header{height:var(--nav-height);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090bb3;border-bottom:1px solid #ffffff0d;width:100%;position:fixed;top:0;left:0}.header-container{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 2rem;display:grid}.header-logo{justify-self:start}.header-logo a{letter-spacing:-.05em;color:var(--text-primary);align-items:center;font-size:1.75rem;font-weight:800;display:flex}.logo-dot{color:#10b981}.header-nav{display:none}@media (width>=768px){.header-nav{gap:2rem;display:flex}}.header-nav a{color:var(--text-secondary);letter-spacing:.02em;font-size:.875rem;font-weight:500;transition:color .2s}.header-nav a:hover{color:var(--text-primary)}.header-actions{justify-self:end;align-items:center;gap:1.5rem;display:flex}.btn-contact{background:var(--text-primary);color:var(--bg-dark);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;transition:opacity .2s,transform .2s}.btn-contact:hover{opacity:.9;transform:translateY(-1px)}.hero{min-height:100vh;padding-top:calc(var(--nav-height) + 2rem);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-container{text-align:center;z-index:10;max-width:800px;margin:0 auto;padding:0 2rem;position:relative}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-actions{justify-content:center;align-items:center;gap:1rem;display:flex}.btn-primary{background:var(--brand-gradient);color:#fff;border-radius:9999px;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #3b82f680}.btn-secondary{color:var(--text-primary);background:0 0;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.75rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.btn-secondary:hover{background:#ffffff0d}.hero-glow{filter:blur(40px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f640 0%,#d946ef40 30%,#0000 60%);width:500px;height:500px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.tech-stack-container{z-index:10;width:100vw;max-width:1200px;margin-top:6rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.tech-stack-mask{width:100%;overflow:hidden}.tech-stack-track{align-items:center;width:max-content;animation:30s linear infinite scroll;display:flex}.tech-stack-track:hover{animation-play-state:paused}.tech-item{color:var(--text-secondary);cursor:default;align-items:center;gap:.75rem;padding:0 3rem;font-size:1.1rem;font-weight:500;transition:color .3s,transform .3s;display:flex}.tech-item:hover{color:var(--text-primary);transform:scale(1.05)}.tech-icon{justify-content:center;align-items:center;display:flex}.tech-separator{background-color:#ffffff1a;width:1px;height:24px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}