:root{--bg:#fafafa;--fg:#09090b;--primary:#18181b;--on-primary:#fff;--secondary:#3f3f46;--muted:#f4f4f5;--muted-text:#71717a;--border:#e4e4e7;--accent:#2563eb;--accent-light:#eff6ff;--ring:#18181b;--success:#10b981;--error:#ef4444;--font-sans:"Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.3s cubic-bezier(.16, 1, .3, 1);--transition-slow:.6s cubic-bezier(.16, 1, .3, 1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--max-width:1200px}:root.dark{--bg:#09090b;--fg:#fafafa;--primary:#fafafa;--on-primary:#09090b;--secondary:#a1a1aa;--muted:#27272a;--muted-text:#a1a1aa;--border:#27272a;--accent:#3b82f6;--accent-light:#1d4ed8;--ring:#d4d4d8}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}::selection{background-color:var(--primary);color:var(--on-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary);letter-spacing:-.03em;font-weight:700;line-height:1.1}h1{text-transform:uppercase;margin-bottom:var(--space-4);font-size:clamp(2.5rem,8vw,6.5rem)}h2{text-transform:uppercase;margin-bottom:var(--space-8);border-bottom:2px solid var(--primary);padding-bottom:var(--space-2);font-size:clamp(2rem,5vw,3.5rem);display:inline-block}h3{margin-bottom:var(--space-2);font-size:clamp(1.25rem,3vw,1.75rem)}p{color:var(--secondary);max-width:65ch;font-size:clamp(1rem,1.1vw,1.2rem);font-weight:400}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}.custom-cursor{border:1px solid var(--primary);pointer-events:none;z-index:9999;border-radius:50%;width:40px;height:40px;transition:width .2s,height .2s,background-color .2s;display:none;position:fixed;transform:translate(-50%,-50%)}@media (pointer:fine){.custom-cursor{display:block}}.custom-cursor.hover{background-color:#18181b0d;width:60px;height:60px}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--primary);cursor:pointer;color:var(--primary);transition:all var(--transition-normal);z-index:1;background:0 0;border-radius:0;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--primary);z-index:-1;width:100%;height:100%;transition:transform var(--transition-normal);position:absolute;top:0;left:0;transform:translate(-101%)}.btn:hover{color:var(--on-primary)}.btn:hover:before{transform:translate(0)}.btn-solid{background:var(--primary);color:var(--on-primary)}.btn-solid:before{background:var(--bg)}.btn-solid:hover{color:var(--primary)}.cursor-pointer{cursor:pointer}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}@media (width>=768px){.container{padding:0 40px}}.section{padding:var(--space-12) 0;z-index:2;flex-direction:column;justify-content:center;min-height:100vh;scroll-margin-top:70px;display:flex;position:relative}@media (width>=768px){.section{padding:var(--space-24) 0}}.grid-contact{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=1024px){.grid-contact{gap:var(--space-12);grid-template-columns:1.1fr 1.2fr}}.hero-tech-stack{border-top:1px solid var(--border);flex-wrap:wrap;gap:20px;margin-top:40px;padding-top:24px;display:flex}@media (width>=768px){.hero-tech-stack{gap:30px;margin-top:80px;padding-top:30px}}.grid{gap:var(--space-6);display:grid}.grid-2,.grid-3{grid-template-columns:1fr}@media (width>=768px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.glass{-webkit-backdrop-filter:blur(12px);background:#fafafab3;border:1px solid #e4e4e799}.dark .glass{background:#09090bb3;border:1px solid #27272a99}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.4}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-slow{animation:3s ease-in-out infinite pulse-slow}.pulse-badge{background:var(--muted);border:1px solid var(--border);padding:var(--space-2) var(--space-4);font-size:.8rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);align-items:center;gap:8px;font-weight:500;display:inline-flex}.pulse-dot{background-color:var(--success);border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";background-color:var(--success);border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;top:0;left:0}@keyframes ping{75%,to{opacity:0;transform:scale(2.5)}}.tilt-card{perspective:1000px}.tilt-card-inner{transition:transform var(--transition-normal), box-shadow var(--transition-normal);transform-style:preserve-3d;border:1px solid var(--border);background:var(--bg);padding:var(--space-6);height:100%}.tilt-card:hover .tilt-card-inner{border-color:var(--primary);box-shadow:0 20px 40px #0000000d}.tilt-content{transform:translateZ(30px)}.hero-grid{gap:var(--space-8);grid-template-columns:1fr;align-items:center;width:100%;display:grid}@media (width>=1024px){.hero-grid{gap:var(--space-12);grid-template-columns:1.25fr .75fr}}.hero-image-container{order:-1;justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex}.hero-content-column{order:1}@media (width>=1024px){.hero-image-container{order:0;padding:20px}.hero-content-column{order:0}}.hero-image{object-fit:cover;border:4px solid var(--primary);filter:grayscale();width:160px;height:160px;transition:all var(--transition-normal);background-color:var(--muted);border-radius:50%}.hero-image:hover{filter:grayscale(0%);box-shadow:12px 12px 0px var(--primary);transform:scale(1.05)rotate(2deg)}@media (width>=768px){.hero-image{width:240px;height:240px}}@media (width>=1024px){.hero-image{border-radius:0;width:320px;height:320px}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:4px}