@import url('/estilo.css');
:root{--bg:#0a0a16;--bg-soft:#101020;--panel:#12121f;--border:#20203a;--border-soft:#191930;--text:#eceaf5;--muted:#8f8fa8;--dim:#5c5c78;--accent:#10c98d;--accent-2:#c9a36a;--green:#4ade80;--mono:'SFMono-Regular',Consolas,Menlo,monospace;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.7;background-image:linear-gradient(#191930 1px,transparent 1px),linear-gradient(90deg,#191930 1px,transparent 1px);background-size:48px 48px}
::selection{background:var(--accent);color:var(--bg)}
a{color:inherit;text-decoration:none}
.container{max-width:780px;margin:0 auto;padding:0 24px}
nav{position:sticky;top:0;backdrop-filter:blur(12px);background:rgba(10,10,22,.82);border-bottom:1px solid var(--border-soft);z-index:10}
.nav-inner{display:flex;justify-content:space-between;align-items:center;height:60px}
.logo{font-family:var(--mono);font-weight:700;font-size:1.1rem;display:inline-flex;align-items:center}
.logo svg{width:26px;height:26px;margin-right:10px}
.logo span{color:var(--accent-2)}
.nav-cta{font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:8px;background:var(--accent);color:var(--bg)}
header{padding:70px 0 40px}
.tag{font-family:var(--mono);font-size:.8rem;color:var(--accent)}
.tag::before{content:'// '}
h1{font-size:clamp(1.9rem,5vw,2.8rem);letter-spacing:-1px;line-height:1.15;margin:10px 0 16px}
h1 em{font-style:normal;color:var(--accent-2)}
.lead{color:var(--muted);font-size:1.08rem}
h2{font-size:1.35rem;letter-spacing:-.5px;margin:44px 0 12px}
p{color:var(--muted);margin-bottom:14px}
ul{margin:0 0 14px 1.2em;color:var(--muted)}
li{margin-bottom:6px}
strong{color:var(--text)}
.cta{background:var(--panel);border:1px solid rgba(201,163,106,.5);border-radius:16px;padding:34px;text-align:center;margin:56px 0}
.cta h2{margin:0 0 8px}
.cta p{margin-bottom:20px}
.btn{display:inline-block;padding:13px 28px;border-radius:10px;font-weight:600;background:var(--accent);color:var(--bg);box-shadow:0 0 32px rgba(16,201,141,.3)}
.others{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 60px}
.others a{font-family:var(--mono);font-size:.78rem;color:var(--accent-2);border:1px solid var(--border);background:var(--panel);padding:8px 14px;border-radius:99px}
.others a:hover{border-color:var(--accent-2)}
footer .container{max-width:1080px}
nav .container{max-width:1080px}