@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400&family=Poppins:wght@300;400;600;700&display=swap";:root{--tatame: #1C1A17;--tatame-light: #242119;--kraft: #F5EFE6;--kraft-dim: rgba(245,239,230,.7);--fogo: #E8511A;--fogo-glow: rgba(232,81,26,.3);--terminal: #00FF94;--terminal-dim: rgba(0,255,148,.12);--pergaminho: #D4C5B0;--muted: rgba(212,197,176,.5);--mono: "DejaVu Sans Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--tatame);color:var(--kraft);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}::selection{background:var(--fogo);color:var(--tatame)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes heroGlow{0%,to{filter:drop-shadow(0 0 25px rgba(232,81,26,.15)) drop-shadow(0 0 50px rgba(232,81,26,.06))}50%{filter:drop-shadow(0 0 40px rgba(232,81,26,.3)) drop-shadow(0 0 80px rgba(232,81,26,.12))}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.nav-link{color:var(--pergaminho);font-family:Poppins,sans-serif;font-size:12px;letter-spacing:.3px;transition:color .3s}.nav-link:hover{color:var(--fogo)}.cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--fogo);color:var(--tatame);font-family:Poppins,sans-serif;font-weight:700;font-size:14px;padding:13px 26px;border-radius:6px;border:none;cursor:pointer;transition:all .3s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--fogo-glow)}.cta-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--kraft);font-family:Poppins,sans-serif;font-weight:500;font-size:13px;padding:11px 22px;border-radius:6px;border:1px solid rgba(245,239,230,.15);cursor:pointer;transition:all .3s}.cta-ghost:hover{border-color:var(--fogo);color:var(--fogo)}.section-pad{max-width:820px;margin:0 auto;padding:100px 24px}.container{max-width:1280px;margin:0 auto;padding:0 32px;width:100%;box-sizing:border-box}@media (max-width: 640px){.container{padding:0 20px}}.input-email{background:#f5efe60d;border:1px solid rgba(245,239,230,.12);color:var(--kraft);font-family:Poppins,sans-serif;font-size:14px;padding:13px 16px;border-radius:6px;width:100%;max-width:340px;outline:none;transition:border-color .3s}.input-email:focus{border-color:var(--fogo)}.input-email::placeholder{color:var(--muted)}.divider{width:36px;height:2px;background:var(--fogo);margin:0 auto 36px;border-radius:1px}.social-link{display:inline-flex;align-items:center;gap:8px;color:var(--pergaminho);font-family:var(--mono);font-size:12px;padding:8px 0;transition:color .3s}.social-link:hover{color:var(--terminal)}.spotlight{position:relative;isolation:isolate;--mx: 50%;--my: 50%}.spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--mx) var(--my),rgba(232,81,26,.1),transparent 40%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0}.spotlight:hover:before{opacity:1}.spotlight>*{position:relative;z-index:1}.glitch-hover{position:relative}.glitch-hover:after,.glitch-hover:before{content:"";position:absolute;width:3px;height:3px;opacity:0;pointer-events:none;transition:opacity .2s ease}.glitch-hover:before{top:-3px;right:-4px;background:var(--fogo)}.glitch-hover:after{bottom:-2px;left:-5px;background:var(--terminal)}.glitch-hover:hover:before,.glitch-hover:hover:after{opacity:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.studies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:880px;margin:0 auto}.study-card{display:block;border:1px solid rgba(245,239,230,.06);border-radius:8px;padding:24px;background:#f5efe605;text-decoration:none;transition:border-color .25s,transform .25s}.study-card:hover{border-color:var(--terminal);transform:translateY(-2px)}.study-card .meta{font-family:var(--mono);font-size:10px;color:var(--fogo);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.study-card h3{font-family:Lora,serif;font-size:20px;font-weight:700;color:var(--kraft);line-height:1.3;margin-bottom:10px}.study-card p{font-family:Poppins,sans-serif;font-size:13.5px;color:var(--kraft-dim);line-height:1.6;margin:0}.study-card .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.study-card .tag{font-family:var(--mono);font-size:9px;color:var(--pergaminho);border:1px solid rgba(212,197,176,.15);padding:2px 7px;border-radius:3px;letter-spacing:.5px}.study-page{--study-sidebar-w: 260px;--study-bg-raised: rgba(245,239,230,.035);--study-border: rgba(245,239,230,.08);--study-border-subtle: rgba(245,239,230,.05)}.study-shell{display:flex;min-height:100vh;padding-top:70px}.study-sidebar{position:fixed;top:70px;left:0;bottom:0;width:var(--study-sidebar-w);overflow-y:auto;background:#f5efe603;border-right:1px solid var(--study-border-subtle);padding:24px 0 60px;z-index:50;scrollbar-width:thin;scrollbar-color:rgba(245,239,230,.08) transparent}.study-sidebar::-webkit-scrollbar{width:6px}.study-sidebar::-webkit-scrollbar-thumb{background:#f5efe614;border-radius:3px}.study-nav-group{margin-bottom:6px}.study-nav-group-title{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:14px 22px 6px}.study-nav-link{display:block;padding:6px 22px 6px 26px;color:var(--pergaminho);text-decoration:none;font-family:Poppins,sans-serif;font-size:13px;border-left:2px solid transparent;transition:color .2s,background .2s,border-color .2s}.study-nav-link:hover{color:var(--kraft);background:#f5efe606}.study-nav-link.active{color:var(--terminal);border-left-color:var(--terminal);background:#00ff940d}.study-main{margin-left:var(--study-sidebar-w);flex:1;max-width:1080px;padding:48px 56px 120px;width:100%}.study-menu-toggle{display:none;position:fixed;top:80px;left:14px;z-index:60;background:var(--tatame-light);border:1px solid var(--study-border);color:var(--kraft);width:38px;height:38px;border-radius:6px;font-size:16px;cursor:pointer;align-items:center;justify-content:center}.study-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:45}@media (max-width: 980px){.study-sidebar{transform:translate(-100%);transition:transform .3s ease;width:280px}.study-sidebar.open{transform:translate(0)}.study-overlay.open{display:block}.study-menu-toggle{display:flex}.study-main{margin-left:0;padding:40px 20px 100px}}.study-hero{margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid var(--study-border-subtle)}.study-hero .breadcrumb{font-family:var(--mono);font-size:11px;color:var(--fogo);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:22px}.study-hero .breadcrumb a{color:var(--pergaminho);text-decoration:none;transition:color .2s}.study-hero .breadcrumb a:hover{color:var(--terminal)}.study-hero h1{font-family:Lora,serif;font-size:clamp(34px,5vw,50px);font-weight:700;line-height:1.12;color:var(--kraft);margin-bottom:18px}.study-hero h1 .ng{color:var(--fogo)}.study-hero h1 .react{color:var(--terminal);font-style:italic}.study-hero p.intro{font-family:Lora,serif;font-size:17px;color:var(--kraft-dim);line-height:1.7;font-style:italic;max-width:640px}.study-hero .badges{display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}.study-hero .badge{font-family:var(--mono);font-size:10px;padding:5px 11px;border-radius:100px;letter-spacing:1px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.study-hero .badge.ng{background:#e8511a14;color:var(--fogo);border:1px solid rgba(232,81,26,.25)}.study-hero .badge.react{background:#00ff940f;color:var(--terminal);border:1px solid rgba(0,255,148,.22)}.study-hero .badge.ts{background:#5eaaef14;color:#5eaaef;border:1px solid rgba(94,170,239,.22)}.study-section{margin-bottom:64px;scroll-margin-top:100px}.study-section h2{font-family:Lora,serif;font-size:28px;font-weight:700;color:var(--kraft);margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--study-border-subtle)}.study-section h3{font-family:Lora,serif;font-size:19px;font-weight:700;color:var(--kraft);margin:36px 0 12px}.study-section p,.study-section li{font-family:Poppins,sans-serif;font-size:14.5px;color:var(--kraft-dim);line-height:1.75;margin-bottom:10px;max-width:760px}.study-section ul{padding-left:22px;margin-bottom:12px}.study-section li{margin-bottom:6px}.study-section strong{color:var(--kraft);font-weight:600}.study-section code{font-family:var(--mono);font-size:12px;background:#f5efe60d;border:1px solid rgba(245,239,230,.07);color:var(--pergaminho);padding:1px 6px;border-radius:3px}.study-section em.angular{color:var(--fogo);font-style:normal;font-weight:600}.study-section em.react{color:var(--terminal);font-style:normal;font-weight:600}.study-section a{color:var(--terminal);text-decoration:underline;text-decoration-color:#00ff9459;text-underline-offset:3px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:8px;overflow:hidden;margin:22px 0;border:1px solid var(--study-border)}.compare-panel{min-width:0}.compare-panel.ng{background:#e8511a06}.compare-panel.react{background:#00ff9405}.compare-label{display:flex;align-items:center;gap:8px;padding:9px 16px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.compare-panel.ng .compare-label{color:var(--fogo);border-bottom:1px solid rgba(232,81,26,.18)}.compare-panel.react .compare-label{color:var(--terminal);border-bottom:1px solid rgba(0,255,148,.18)}.compare-label .dot{width:6px;height:6px;border-radius:50%;display:inline-block}.compare-panel.ng .dot{background:var(--fogo)}.compare-panel.react .dot{background:var(--terminal)}.compare pre,.code-single pre{margin:0;padding:16px 18px;overflow-x:auto;font-family:var(--mono);font-size:12.5px;line-height:1.65;color:var(--pergaminho);background:transparent;scrollbar-width:thin;scrollbar-color:rgba(245,239,230,.08) transparent}.compare pre::-webkit-scrollbar,.code-single pre::-webkit-scrollbar{height:6px}.compare pre::-webkit-scrollbar-thumb,.code-single pre::-webkit-scrollbar-thumb{background:#f5efe614;border-radius:3px}.compare-note{grid-column:1 / -1;background:#f5efe606;padding:14px 18px;font-family:Poppins,sans-serif;font-size:13px;color:var(--kraft-dim);border-top:1px solid var(--study-border-subtle);line-height:1.7}.compare-note strong{color:var(--kraft)}.compare-note code{font-size:11px;padding:0 4px}.code-single{border-radius:8px;overflow:hidden;margin:18px 0;border:1px solid var(--study-border);background:var(--study-bg-raised)}.code-single-label{padding:8px 16px;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--study-border-subtle)}@media (max-width: 720px){.compare{grid-template-columns:1fr}}.qtable{width:100%;border-collapse:collapse;margin:20px 0;font-family:Poppins,sans-serif;font-size:13px}.qtable th,.qtable td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--study-border-subtle)}.qtable th{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:500;background:#f5efe606}.qtable td{color:var(--kraft-dim)}.qtable td:first-child{color:var(--fogo);font-family:var(--mono);font-size:12px}.qtable td:nth-child(2){color:var(--terminal);font-family:var(--mono);font-size:12px}.qtable tr:hover td{background:#f5efe605}@media (max-width: 720px){.qtable{font-size:12px}.qtable th,.qtable td{padding:8px 10px}}.callout{background:var(--study-bg-raised);border:1px solid var(--study-border);border-radius:8px;padding:16px 20px;margin:20px 0;font-family:Poppins,sans-serif;font-size:13.5px;color:var(--kraft-dim);line-height:1.7}.callout strong{color:var(--kraft)}.callout.warn{border-left:3px solid var(--fogo)}.callout.tip{border-left:3px solid var(--terminal)}.gotcha-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}@media (max-width: 720px){.gotcha-grid{grid-template-columns:1fr}}.gotcha-card{background:var(--study-bg-raised);border:1px solid var(--study-border);border-radius:8px;padding:18px;transition:border-color .2s}.gotcha-card:hover{border-color:var(--fogo)}.gotcha-card h4{font-family:Poppins,sans-serif;font-size:13px;color:var(--fogo);margin-bottom:8px;display:flex;align-items:center;gap:8px;font-weight:600}.gotcha-card h4:before{content:"⚠";font-size:13px}.gotcha-card p{font-family:Poppins,sans-serif;font-size:12.5px;color:var(--muted);line-height:1.65;margin:0}.gotcha-card code{font-size:11px;padding:0 4px}.qa{margin:20px 0}.qa-q{font-family:Poppins,sans-serif;font-weight:600;color:var(--kraft);margin-bottom:8px;font-size:14.5px;display:flex;gap:10px;align-items:baseline}.qa-q:before{content:"Q";font-family:var(--mono);font-size:10px;background:var(--terminal);color:var(--tatame);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;font-weight:700}.qa-a{color:var(--kraft-dim);padding-left:30px;font-family:Poppins,sans-serif;font-size:13.5px;line-height:1.75}.qa-a code{font-size:11.5px;padding:0 4px}.compare pre .kw,.code-single pre .kw{color:#b18cec}.compare pre .fn,.code-single pre .fn{color:#5eaaef}.compare pre .str,.code-single pre .str{color:#c3e88d}.compare pre .cm,.code-single pre .cm{color:#6f7079;font-style:italic}.compare pre .tp,.code-single pre .tp{color:#f0c050}.compare pre .dec,.code-single pre .dec{color:var(--fogo)}.compare pre .num,.code-single pre .num{color:#f78c6c}.compare pre .op,.code-single pre .op{color:#5eaaef}.compare pre .tag,.code-single pre .tag{color:#f07178}.compare pre .attr,.code-single pre .attr{color:#b18cec}.compare pre .prop,.code-single pre .prop{color:#e8874a}.compare pre .punc,.code-single pre .punc{color:#5eaaef}