:root{--page-bg: #050816;--primary-deep: #0e0640;--surface: rgba(24, 24, 27, .72);--surface-2: rgba(39, 39, 42, .55);--surface-deep: rgba(9, 9, 11, .58);--border: rgba(39, 39, 42, .9);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--brand-green: #69d54d;--brand-green-hover: #86ee68;--brand-green-light: #9bff7b;--brand-green-ink: #0d0843;--accent-blue: #34b7f1;--status-amber: #f59e0b;--status-rose: #f43f5e;--bg: var(--page-bg);--green: var(--brand-green);--green-dim: rgba(105, 213, 77, .11);--text: var(--text-primary);--muted: var(--text-secondary);--muted-2: var(--text-muted);--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace}html{background:var(--page-bg);scroll-padding-top:4.5rem}body{background:var(--page-bg);color:var(--text-primary);font-family:var(--font);line-height:1.7}::selection{color:var(--brand-green-ink);background:var(--brand-green)}code,kbd,pre,.term,.feat-code,.p-input{font-family:var(--mono)}*:focus-visible{outline:2px solid var(--brand-green);outline-offset:3px}.site-header{position:fixed;inset-inline:0;padding:0;background:transparent;border-bottom-color:transparent;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.site-header.is-scrolled{background:#09090bd9;border-bottom-color:#27272acc;box-shadow:0 1.125rem 3.75rem #00000059;backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:blur(1.25rem)}.header-inner{width:min(1440px,100%);max-width:none;height:3.5rem;padding-inline:1rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem}@media(min-width:640px){.header-inner{height:4rem;padding-inline:1.5rem}}@media(min-width:1024px){.header-inner{padding-inline:2rem}}@media(min-width:1280px){.header-inner{padding-inline:2.5rem}}.header-logo,.footer-brand .f-logo{display:inline-flex;align-items:center;color:var(--text-primary);min-height:2.25rem;padding:0}.header-logo{margin-right:0}.logo-mark{display:block;width:6.6667rem;height:2rem}@media(min-width:640px){.logo-mark{width:7.5rem;height:2.25rem}}.header-nav{gap:.25rem;justify-content:center}.nav-btn,.btn-ghost{min-height:2.25rem;border-radius:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.nav-btn{padding:.625rem .75rem}.nav-btn:hover,.btn-ghost:hover{color:var(--text-primary);background:var(--surface)}.nav-btn.active{color:var(--brand-green-light);background:var(--green-dim);box-shadow:inset 0 0 0 1px #69d54d2e}.btn-ghost{display:inline-flex;align-items:center;padding:.5rem .75rem}.header-nav .nav-btn svg{width:.9375rem;height:.9375rem}.btn-primary,.cta-primary,.nl-btn{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--brand-green);color:var(--brand-green-ink);font-weight:600;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.btn-primary{padding:.625rem 1rem}.btn-primary:hover,.cta-primary:hover,.nl-btn:hover{background:var(--brand-green-hover);opacity:1;box-shadow:0 .625rem 1.5rem -.625rem #69d54d59;transform:translateY(-1px)}.header-auth .btn-primary:after{content:"";width:.75rem;height:.75rem;margin-left:.375rem;border-top:1.75px solid currentColor;border-right:1.75px solid currentColor;transform:rotate(45deg)}.header-auth .btn-primary{min-height:2.25rem;padding:.5rem 1rem;border-radius:.5rem}.hamburger{width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;margin:0;border:1px solid rgba(255,255,255,.1);background:#09090bb3}.hamburger:hover{background:var(--surface)}.hamburger span{width:1.125rem;background:var(--text-secondary)}.mobile-menu-shell{position:fixed;inset:0;z-index:200}.mobile-menu-shell[hidden]{display:none}.mobile-menu-backdrop{position:absolute;inset:0;width:100%;border:0;background:#09090bb3;cursor:pointer}.mobile-menu-panel{position:absolute;inset:0 0 0 auto;display:flex;width:min(100%,20rem);flex-direction:column;border-left:1px solid var(--border);background:#09090b;box-shadow:0 1.5rem 3rem #00000059}.mobile-menu-header{display:flex;height:3.5rem;align-items:center;justify-content:space-between;padding-inline:1rem;border-bottom:1px solid var(--border)}.mobile-menu-header strong{font-size:.875rem;font-weight:600}.mobile-menu-close{position:relative;width:2.5rem;height:2.5rem;border:0;border-radius:.5rem;background:transparent;color:var(--text-secondary);cursor:pointer}.mobile-menu-close:hover{background:#ffffff0d;color:var(--text-primary)}.mobile-menu-close:before,.mobile-menu-close:after{position:absolute;top:50%;left:50%;width:1.125rem;height:2px;border-radius:9999px;background:currentColor;content:""}.mobile-menu-close:before{transform:translate(-50%,-50%) rotate(45deg)}.mobile-menu-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.mobile-menu{display:flex;flex:1;flex-direction:column;gap:.25rem;overflow-y:auto;padding:1rem}.mobile-menu.header-nav{display:flex}.mobile-menu .nav-btn{justify-content:flex-start;width:100%;min-height:3.25rem;padding:.875rem 1rem;color:#d4d4d8;font-size:1rem;text-align:left}.mobile-menu .nav-btn svg{width:1.125rem;height:1.125rem;color:var(--brand-green);opacity:1}.mobile-menu-actions{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-top:1px solid var(--border)}.mobile-menu-actions .btn-ghost,.mobile-menu-actions .btn-primary{display:inline-flex;flex:1;justify-content:center}.mobile-menu-actions .btn-primary:after{display:none}body.menu-open{overflow:hidden}.page-hero,.filter-wrap,.posts-wrap,.newsletter{width:min(1200px,calc(100% - 2rem));max-width:none;padding-left:0;padding-right:0}.page-hero{padding-top:clamp(4rem,9vw,6.5rem);padding-bottom:2.25rem}.page-hero .hero-badge,.hero>.hero-badge{display:none}.page-hero h1{max-width:17ch;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.12;letter-spacing:-.035em}.page-hero .hero-sub{max-width:52ch;color:var(--text-secondary);font-size:1rem}.filter-wrap{flex-wrap:nowrap;gap:.5rem;padding-bottom:1.25rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.pill{min-height:2.75rem;padding:.625rem 1rem;border-color:var(--border);border-radius:9999px;color:var(--text-secondary);background:transparent;font-size:.75rem;font-weight:600}.pill:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--surface)}.pill.on{color:var(--brand-green-ink);background:var(--brand-green);border-color:var(--brand-green)}.hdivider{width:min(1200px,calc(100% - 2rem));max-width:none;margin-bottom:2rem;background:var(--border)}.posts-grid{gap:1rem;margin-bottom:clamp(4rem,8vw,6rem)}.card-featured,.post-card{background:var(--surface);border-color:var(--border)}.card-featured{border-radius:1rem}.card-featured:hover,.post-card:hover{border-color:#69d54d59}.feat-code{background:var(--surface-deep);border-right-color:var(--border);color:var(--text-secondary)}.feat-info{padding:clamp(1.5rem,4vw,2.5rem)}.feat-cat{color:var(--brand-green-light);background:var(--green-dim);border-color:#69d54d38;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;line-height:1.4}.feat-info p,.card-desc{color:var(--text-secondary)}.read-more,.card-title:hover{color:var(--brand-green-light)}.post-card{border-radius:.75rem}.card-thumb{background:var(--surface-2);border-bottom-color:var(--border)}.card-thumb svg{color:var(--text-muted)}.card-badge{padding:.5rem 1rem;font-size:.75rem;letter-spacing:.08em;line-height:1.4}.badge-produto,.badge-tutorial{color:var(--brand-green-light);background:#69d54d1a;border-bottom-color:#69d54d2e}.badge-integracao,.badge-infra{color:var(--accent-blue);background:#34b7f11a;border-bottom-color:#34b7f133}.badge-boas{color:var(--status-amber);background:#f59e0b1a;border-bottom-color:#f59e0b33}.card-foot,.feat-meta{color:var(--text-secondary)}.newsletter{margin-bottom:clamp(4rem,8vw,6rem)}.newsletter-inner{gap:1.5rem;padding:clamp(1.5rem,4vw,2.25rem);background:var(--surface);border:1px solid var(--border);border-radius:1rem}.newsletter p{color:var(--text-secondary)}.nl-form{gap:.75rem}.nl-input{min-height:2.75rem;padding:.625rem .75rem;border-color:var(--border);border-radius:.75rem;background:var(--surface-deep);color:var(--text-primary)}.nl-input:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px #69d54d24}.nl-btn{padding:.625rem 1rem;border:0;cursor:pointer}.hero{width:min(760px,calc(100% - 2rem));max-width:none;padding:clamp(4rem,9vw,6.5rem) 0 2.5rem}.hero h1{max-width:20ch;font-size:clamp(2rem,5vw,2.75rem);line-height:1.18;letter-spacing:-.035em}.hero h1 .accent{color:var(--brand-green-light)}.hero-sub{max-width:65ch;color:var(--text-secondary);font-size:1rem}.hero-meta{color:var(--text-secondary)}.hero-meta strong{color:var(--text-primary)}.divider{width:min(700px,calc(100% - 2rem));max-width:none;background:var(--border)}.article{width:min(700px,calc(100% - 2rem));max-width:none;padding:2.5rem 0}.article p{max-width:68ch;color:var(--text-secondary)}.lede{color:#d4d4d8}.pull{margin:2rem 0;padding:1rem 1.25rem;border:1px solid rgba(105,213,77,.25);border-radius:.75rem;background:#69d54d0f;color:var(--text-secondary);font-style:normal}.marker{margin:3rem 0 1.5rem}.marker-label,.diff-n,.step-where,.uses-lbl,.p-label,.p-section,.cta-eyebrow{color:var(--text-secondary)}.marker-label,.diff-n,.step-where,.uses-lbl,.p-label,.p-section,.diff-badge,.step-badge,.panel-chip,.footer-col h4{font-size:.75rem;line-height:1.4}.diff,.step,.panel,.term,.use,.check-item,.p-check,.cta-block{border-color:var(--border)}.diff,.step{border-radius:.75rem;background:var(--surface)}.diff:hover,.step:hover{border-color:#69d54d59}.diff-title,.step-title,.panel-title,.cta-title{color:var(--text-primary)}.diff-badge,.step-badge,.panel-chip{color:var(--brand-green-light);background:var(--green-dim);border-color:#69d54d38}.step-num{background:var(--green-dim);border-color:#69d54d4d;color:var(--brand-green-light)}.term,.panel{background:var(--surface-deep);border-radius:.75rem}.term-bar,.panel-bar{background:var(--surface);border-bottom-color:var(--border)}.term-lbl,.p-hint,.diff-desc,.step-desc{color:var(--text-secondary)}.p-input{min-height:2.75rem;background:var(--surface-deep);border-color:var(--border);border-radius:.75rem;color:var(--brand-green-light)}.p-check,.use,.check-item{background:var(--surface-2);border-radius:.5rem;color:var(--text-secondary)}.p-check.on{background:#69d54d14;border-color:#69d54d3d;color:var(--text-primary)}.check-item.warn{border-color:#f59e0b4d;background:#f59e0b14}.cta-block{margin-top:3rem;padding:clamp(1.5rem,4vw,2rem);border-radius:1rem;background:var(--surface)}.cta-eyebrow{display:none}.cta-primary,.cta-secondary{min-height:2.75rem;padding:.625rem 1rem;border-radius:.75rem}.cta-secondary{display:inline-flex;align-items:center;color:var(--text-primary);border-color:var(--border)}.cta-secondary:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--surface-2)}.use:before,.ck,.p-check .chk:after{font-size:0}.use:before,.ck,.p-check.on .chk:after{width:.7rem;height:.4rem;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}.ck{display:inline-block;flex:0 0 .7rem;color:var(--brand-green-light)}.check-item.warn .ck{border-color:var(--status-amber)}.p-check.on .chk:after{display:block;margin:2px 0 0 1px;color:var(--brand-green-light)}.site-footer{margin-top:clamp(4rem,8vw,6rem);padding:0;background:#09090b;border-top-color:var(--border)}.footer-inner{width:min(1440px,100%);max-width:none;grid-template-columns:minmax(16rem,1.15fr) repeat(4,minmax(0,.75fr));gap:2rem;padding:3rem 1rem 1.5rem}.footer-brand .f-logo{min-height:2rem}.footer-brand .logo-mark{width:8rem;height:2rem}.footer-brand p{max-width:24rem;margin-top:1rem;color:var(--text-secondary);font-size:.875rem;line-height:1.625}.footer-col ul li a,.footer-col h4{color:var(--text-secondary)}.footer-col ul{gap:.625rem;margin-top:1rem}.footer-col ul li a,.social-link{display:inline-flex;align-items:center;gap:.5rem;min-height:2rem;border-radius:.375rem}.footer-col ul li a svg,.social-link svg{width:1rem;height:1rem;color:var(--text-muted);transition:color .18s ease}.footer-col ul li a:hover svg,.social-link:hover svg{color:var(--brand-green)}.footer-col ul li a:hover{color:var(--text-primary)}.footer-copy{width:min(1440px,100%);max-width:none;display:block;margin:0 auto;border-top-color:var(--border);padding:2rem 1rem;text-align:center}.footer-copy p{margin:0;color:var(--text-muted);font-size:.75rem;line-height:1.5}.footer-copy p+p{margin-top:.25rem}.feat-code,.term,.panel-bar{background:var(--surface-deep)}.term-bar,.panel{background:#18181b8c}.hero-badge,.feat-cat,.diff-badge,.step-badge,.panel-chip{color:var(--brand-green)}@media(max-width:1150px){.header-nav,.header-auth .btn-ghost,.header-auth .btn-primary{display:none}.hamburger{display:flex}}@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr;gap:2rem;padding:3rem 1rem 1.5rem}}@media(max-width:720px){.card-featured{grid-template-columns:1fr}.feat-code{border-right:0;border-bottom:1px solid var(--border)}}@media(max-width:640px){.nl-form{gap:.75rem}.footer-inner{grid-template-columns:1fr;gap:1.75rem;padding:2.5rem 0 1.5rem}.footer-brand{grid-column:auto}.footer-inner,.footer-copy{padding-left:1rem;padding-right:1rem}}@media(max-width:540px){.header-auth .btn-ghost{display:none}.hero h1,.page-hero h1{max-width:none}.article,.hero{width:min(100% - 2rem,700px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}