:root{--bg:#010208;--text:#f0f9ff;--text-dim:#6b8ba0;--accent:#38bdf8;--accent2:#2dd4bf;--border:#38bdf81a;--font:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}.starfield{z-index:0;pointer-events:none;position:fixed;inset:0}.planets{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.planet-group{animation:20s ease-in-out infinite alternate planet-float}@keyframes planet-float{0%{transform:translateY(calc(var(--float,8px) * -1))}to{transform:translateY(calc(var(--float,8px)))}}#page-root{z-index:1;flex-direction:column;max-width:1140px;min-height:100vh;margin:0 auto;padding:0 2rem;display:flex;position:relative}.navbar{z-index:50;padding:1.25rem 0 1.5rem;position:sticky;top:0}.navbar__inner{border:1px solid var(--border);background:#030612a6;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .45rem .45rem 1.1rem;display:flex}.nav-logo{font-size:.85rem;font-weight:600;font-family:var(--font);color:var(--text);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.nav-logo__mark{border:1px solid var(--border);width:1.25rem;height:1.25rem;color:var(--accent2);flex-shrink:0;justify-content:center;align-items:center;font-size:.55rem;display:inline-flex}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.nav-links__group{border:1px solid var(--border);align-items:center;gap:1px;padding:2px;display:flex}.nav-links__group a{color:var(--text-dim);font-size:.7rem;font-family:var(--font);padding:.3rem .6rem;text-decoration:none;transition:color .1s,background .1s}.nav-links__group a:hover{color:var(--text);background:#38bdf814}.nav-links__group a:active{background:#38bdf826}.nav-links__group .nav-active{color:var(--text);background:#38bdf81f}.nav-github{font-size:.7rem;font-family:var(--font);color:var(--accent2);border:1px solid #2dd4bf26;align-items:center;padding:.3rem .6rem;text-decoration:none;transition:color .1s,background .1s;display:inline-flex}.nav-github:hover{color:#fff;background:#38bdf826}.nav-github:active{background:#38bdf840}.content-view{flex-direction:column;flex:1;gap:2.5rem;display:flex}.content-view--article{align-items:center;gap:0;padding:0 .5rem}.hero-section{flex-direction:column;justify-content:center;min-height:80vh;padding:6rem 0 4rem;display:flex}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent2);margin-bottom:1rem;font-size:.6rem}.hero-title{color:var(--text);margin-bottom:1.25rem;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-dim);max-width:600px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.65}.skill-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.skill-tag{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.05em;padding:.2rem .55rem;font-size:.6rem}.cta-group{flex-wrap:wrap;gap:.75rem;display:flex}.btn-primary,.btn-whatsapp{font-family:var(--font);cursor:pointer;border:1px solid var(--accent);color:var(--accent);background:0 0;align-items:center;padding:.4rem 1rem;font-size:.78rem;text-decoration:none;transition:color .1s,background .1s,transform .1s;display:inline-flex}.btn-primary:hover{background:var(--accent);color:var(--bg)}.btn-primary:active{transform:scale(.97)}.btn-whatsapp{color:#6ee7a8;border-color:#25d3664d}.btn-whatsapp:hover{color:#052e16;background:#25d366}.btn-whatsapp:active{transform:scale(.97)}.projects-section,.articles-section,.values-section{padding:3.5rem 0 4rem}.section-title{color:var(--accent2);letter-spacing:-.2px;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.05rem;font-weight:600;display:flex}.section-title:after{content:"";border-top:1px solid var(--border);flex:1;height:0}.projects-grid,.articles-grid,.values-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.project-card,.article-card,.value-card{border:1px solid var(--border);flex-direction:column;padding:1.5rem;transition:border-color .1s,background .1s,transform .1s;display:flex}.project-card:hover,.article-card:hover,.value-card:hover{background:#38bdf805;border-color:#38bdf840}.project-card:active,.article-card:active,.value-card:active{transform:scale(.99)}.project-card h3,.article-card h3,.value-card h3{color:var(--text);letter-spacing:-.2px;margin-bottom:.5rem;font-size:1rem;font-weight:600}.project-card p,.article-card p,.value-card p{color:var(--text-dim);flex-grow:1;margin-bottom:1rem;font-size:.8rem;line-height:1.6}.card-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.status-indicator{width:5px;height:5px}.status-indicator.active{background:#10b981}.status-indicator.completed{background:var(--accent)}.status-text{color:var(--text-dim);letter-spacing:.25em;font-size:.55rem}.tag-row{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tag{color:var(--text-dim);border:1px solid var(--border);padding:1px 6px;font-size:.6rem}.card-link{color:var(--accent);border:1px solid #0000;align-items:center;gap:.25rem;margin-top:auto;padding:.3rem .6rem;font-size:.75rem;text-decoration:none;transition:border-color .1s,color .1s,background .1s,gap .1s;display:inline-flex}.card-link:hover{color:var(--bg);border-color:var(--accent);background:var(--accent);gap:.45rem}.card-link:active{transform:scale(.97)}.articles-intro{color:var(--text-dim);max-width:52ch;margin:-1rem 0 2rem;font-size:.85rem;line-height:1.65}.article-card__date{color:var(--text-dim);letter-spacing:.02em;margin-bottom:.4rem;font-size:.6rem}.landing-hero,.contact-hero{min-height:auto;padding-bottom:2rem}.landing-hero .hero-title,.contact-hero .hero-title{max-width:540px}.home-sections{grid-template-columns:repeat(2,1fr);gap:1rem;padding-bottom:4rem;display:grid}.home-card{border:1px solid var(--border);cursor:pointer;flex-direction:column;gap:.5rem;padding:1.25rem;text-decoration:none;transition:border-color .1s,background .1s,transform .1s;display:flex;position:relative}.home-card:hover{background:#38bdf805;border-color:#38bdf840}.home-card:active{transform:scale(.98)}.home-card h3{color:var(--text);letter-spacing:-.2px;font-size:.95rem;font-weight:600}.home-card p{color:var(--text-dim);margin:0;font-size:.78rem;line-height:1.55}.home-card__arrow{color:var(--accent2);align-self:flex-end;font-size:.9rem;line-height:1;transition:transform .1s}.home-card:hover .home-card__arrow{transform:translate(4px)}@media (width<=560px){.home-sections{grid-template-columns:1fr}}.footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);margin-top:2rem;padding:2.5rem 0 2rem;font-size:.65rem}.footer a{color:var(--accent);text-decoration:none;transition:color .1s}.footer a:hover{color:var(--accent2)}.footer a:active{opacity:.7}.article-layout{width:100%;max-width:42rem;margin:0 auto;padding:2rem 0 4rem}.article-layout__header{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:2rem}.article-layout__back{color:var(--text-dim);border-left:1px solid var(--border);align-items:center;gap:.4rem;margin-bottom:1.25rem;padding-left:.75rem;font-size:.78rem;text-decoration:none;transition:color .1s,border-color .1s,gap .1s;display:inline-flex}.article-layout__back:hover{color:var(--accent);border-color:var(--accent);gap:.6rem}.article-layout__back:active{opacity:.7}.article-layout__meta{color:var(--text-dim);letter-spacing:.02em;margin-bottom:1rem;font-size:.7rem}.article-layout__sep{margin:0 .4rem}.article-layout__title{letter-spacing:-.5px;color:var(--text);margin-bottom:.75rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.2}.article-layout__description{color:#94adc0;margin-bottom:1.25rem;font-size:.95rem;line-height:1.55}.article-layout__tags{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.article-layout__tags li{color:var(--accent2);border:1px solid #38bdf82e;padding:2px 8px;font-size:.6rem}.article-layout__body{color:#dce8f0;font-size:.95rem;line-height:1.75}.article-layout__body h2{color:var(--text);margin:2rem 0 .75rem;font-size:1.2rem;font-weight:600;line-height:1.3}.article-layout__body h3{color:#e2e8f0;margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600;line-height:1.35}.article-layout__body p{margin:0 0 1rem}.article-layout__body ul,.article-layout__body ol{margin:0 0 1rem 1.35rem}.article-layout__body li{margin-bottom:.35rem}.article-layout__body li::marker{color:var(--accent2)}.article-layout__body a{color:#7dd3fc;text-underline-offset:3px;text-decoration:underline;transition:color .1s}.article-layout__body a:hover{color:#bae6fd}.article-layout__body blockquote{border-left:2px solid var(--accent2);color:#cbd5e1;background:#38bdf80a;margin:1.5rem 0;padding:.75rem 1rem}.article-layout__body hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.article-layout__body strong{color:var(--text);font-weight:600}.article-layout__body code{font-family:var(--font);color:var(--accent2);background:#0a1223d9;border:1px solid #38bdf81f;padding:.15em .4em;font-size:.85em}.article-layout__body pre code{font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.article-shiki{border:1px solid var(--border);margin:1.25rem 0 1.5rem;overflow-x:auto}.article-shiki pre{font-family:var(--font);margin:0;padding:1rem;font-size:.78rem;line-height:1.55;background:#0a0e1a!important}@media (width<=820px){.navbar__inner{flex-direction:column;align-items:stretch;gap:.6rem;padding:.6rem}.nav-links{flex-direction:column;align-items:stretch}.nav-links__group{flex-wrap:wrap;justify-content:center}.nav-github{justify-content:center}.hero-section{min-height:auto;padding-top:3.5rem}.article-layout{padding-top:1.25rem}.article-layout__body{font-size:.9rem}}