/* LinkBrainly shared styles: header/footer (all pages) + content pages (blog, legal, account). */
:root{
  --lb-ink:#0B1A16;--lb-ink-2:#13261F;--lb-pink:#E0306F;--lb-neon:#FF5C93;--lb-teal:#0E7C6B;--lb-neon-teal:#3CC7AE;
  --lb-ground:#F4F6F4;--lb-surface:#fff;--lb-text:#0F1F1B;--lb-muted:#52615B;--lb-faint:#8D9A94;--lb-line:#DDE4E0;--lb-sunk:#E9EEEB;
  --lb-cx-ink:#E9F2EE;--lb-cx-muted:#9FB3AB;--lb-cx-faint:#6C827A;--lb-cx-line:rgba(255,255,255,.09);
  --lb-display:"Unbounded","Arial Black","Segoe UI",system-ui,sans-serif;--lb-body:"Onest","Segoe UI",system-ui,-apple-system,sans-serif;--lb-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root{--lb-ground:#0B1311;--lb-surface:#111C19;--lb-text:#E4EEEA;--lb-muted:#9FB0A9;--lb-faint:#6F817A;--lb-line:#22322D;--lb-sunk:#172521;--lb-teal:#3CC7AE}}
.lb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.lb{margin:0;background:var(--lb-ground);color:var(--lb-text);font:16px/1.65 var(--lb-body);-webkit-font-smoothing:antialiased}
body.lb *{box-sizing:border-box}
body.lb a{color:var(--lb-teal)}
body.lb :focus-visible{outline:2px solid var(--lb-neon);outline-offset:2px}
.lb-wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
.lb-skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 12px;border-radius:8px;z-index:99}
.lb-skip:focus{left:8px}
.lb-ai{display:inline-block;font:700 10.5px/1 var(--lb-mono);letter-spacing:.06em;background:var(--lb-neon);color:#1A0610;padding:3px 6px;border-radius:5px;vertical-align:middle}
/* header */
.lb-top{position:sticky;top:0;z-index:30;background:rgba(11,26,22,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--lb-cx-line)}
.lb-top .lb-wrap{display:flex;align-items:center;gap:22px;min-height:64px}
.lb-logo{display:flex;align-items:center;gap:9px;color:#fff!important;text-decoration:none;font:700 17px/1 var(--lb-display);letter-spacing:-.02em}
.lb-logo svg{width:30px;height:30px}.lb-logo b{color:var(--lb-neon);font-weight:700}
.lb-top nav{display:flex;gap:22px;margin-left:auto}
.lb-top nav a{color:var(--lb-cx-muted);text-decoration:none;font-size:15px}
.lb-top nav a:hover,.lb-top nav a[aria-current]{color:#fff}
.lb-btn{background:var(--lb-neon);color:#1A0610!important;text-decoration:none;font:700 14.5px/1 var(--lb-body);padding:11px 16px;border-radius:11px;white-space:nowrap}
.lb-btn:hover{background:#fff}
@media (max-width:760px){.lb-top nav{display:none}.lb-top .lb-btn{margin-left:auto}}
/* footer */
.lb-foot{position:relative;overflow:hidden;background:var(--lb-ink);color:var(--lb-cx-muted);font:15px/1.6 var(--lb-body);border-top:1px solid var(--lb-cx-line)}
.lb-foot a,body.lb .lb-foot a{color:var(--lb-cx-muted);text-decoration:none}
.lb-foot a:hover,body.lb .lb-foot a:hover{color:#fff}
body.lb .lb-top a.lb-logo{color:#fff}
.lb-foot-cta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:end;padding-block:56px 44px;border-bottom:1px solid var(--lb-cx-line)}
.lb-foot-cta h2{font:700 clamp(24px,3.2vw,36px)/1.12 var(--lb-display);letter-spacing:-.035em;color:#fff;margin:10px 0 0;max-width:18ch}
.lb-eyebrow{display:flex;gap:8px;align-items:center;font:13px var(--lb-mono);color:var(--lb-neon-teal);margin:0}
.lb-mini{display:flex;gap:6px;background:#fff;border-radius:14px;padding:6px;box-shadow:0 20px 50px -24px rgba(255,92,147,.5)}
.lb-mini input{flex:1;min-width:0;border:0;outline:0;font:500 16px var(--lb-body);color:#0B1A16;padding:12px 12px;background:transparent}
.lb-mini button{border:0;background:var(--lb-ink);color:#fff;font:700 15px var(--lb-body);padding:12px 18px;border-radius:10px;cursor:pointer}
.lb-mini button:hover{background:var(--lb-pink)}
.lb-foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:44px}
.lb-foot-brand p{max-width:36ch;margin:14px 0 0;color:var(--lb-cx-faint)}
body.lb .lb-foot-brand .lb-contact a,.lb-foot-brand .lb-contact a{color:var(--lb-cx-ink)}
.lb-foot nav{display:grid;align-content:start;gap:9px}
.lb-foot h3{font:600 12px/1 var(--lb-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lb-cx-ink);margin:4px 0 8px}
.lb-foot-base{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-block:20px 26px;border-top:1px solid var(--lb-cx-line);font-size:13.5px;color:var(--lb-cx-faint);position:relative;z-index:1}
.lb-foot-word{font:700 clamp(64px,15vw,220px)/.8 var(--lb-display);letter-spacing:-.06em;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);white-space:nowrap;margin:0 -20px -0.12em;user-select:none;pointer-events:none;background:linear-gradient(180deg,rgba(60,199,174,.10),rgba(255,92,147,0) 70%);-webkit-background-clip:text;background-clip:text}
@media (max-width:860px){.lb-foot-cta{grid-template-columns:minmax(0,1fr)}.lb-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-foot-brand{grid-column:1/-1}}
@media (max-width:420px){.lb-mini{flex-direction:column}}
/* content pages */
.lb-hero{background:var(--lb-ink);color:var(--lb-cx-ink);padding-block:56px 48px;border-bottom:1px solid var(--lb-cx-line)}
.lb-hero h1{font:700 clamp(28px,4.4vw,48px)/1.08 var(--lb-display);letter-spacing:-.04em;margin:12px 0 10px;max-width:24ch}
.lb-hero p{color:var(--lb-cx-muted);max-width:62ch;margin:0;font-size:17px}
.lb-hero .lb-crumbs{font:13px var(--lb-mono);color:var(--lb-cx-faint)}
.lb-hero .lb-crumbs a{color:var(--lb-cx-muted);text-decoration:none}
.lb-body{padding-block:44px 72px}
.prose{max-width:760px;font-size:17.5px;line-height:1.75}
.prose h2{font:700 26px/1.25 var(--lb-display);letter-spacing:-.03em;margin:44px 0 12px;scroll-margin-top:84px}
.prose h3{font:600 20px/1.3 var(--lb-body);margin:30px 0 8px;scroll-margin-top:84px}
.prose h4{font:600 17px/1.3 var(--lb-body);margin:24px 0 6px}
.prose p,.prose ul,.prose ol{margin:0 0 18px}
.prose li{margin-bottom:6px}
.prose img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--lb-line)}
.prose figure{margin:24px 0}.prose figcaption{font-size:14px;color:var(--lb-muted);text-align:center;margin-top:6px}
.prose blockquote{margin:22px 0;padding:6px 0 6px 18px;border-left:3px solid var(--lb-neon);color:var(--lb-muted);font-style:italic}
.prose code{font:14.5px var(--lb-mono);background:var(--lb-sunk);padding:2px 6px;border-radius:5px}
.prose pre{background:var(--lb-ink);color:#E9F2EE;padding:16px 18px;border-radius:12px;overflow:auto}.prose pre code{background:none;padding:0;color:inherit}
.prose table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15.5px;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--lb-line);padding:9px 12px;text-align:left;vertical-align:top}.prose th{background:var(--lb-sunk)}
.prose hr{border:0;border-top:1px solid var(--lb-line);margin:34px 0}
.prose a{text-underline-offset:3px}
.prose .callout,.prose .note,.prose .tip{background:var(--lb-surface);border:1px solid var(--lb-line);border-left:4px solid var(--lb-neon);border-radius:12px;padding:16px 18px;margin:24px 0}
.prose .callout p:last-child{margin:0}
.legal .prose h2{font-size:21px}
.legal-meta{font:13.5px var(--lb-mono);color:var(--lb-faint);margin-bottom:26px}
.note-box{background:var(--lb-surface);border:1px solid var(--lb-line);border-left:4px solid var(--lb-teal);border-radius:12px;padding:16px 18px;margin:0 0 26px;font-size:16px}
/* blog list */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.post-card{display:flex;flex-direction:column;background:var(--lb-surface);border:1px solid var(--lb-line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit!important;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px -26px rgba(11,26,22,.45)}
.post-card .cov{aspect-ratio:16/9;background:linear-gradient(135deg,#0B1A16,#13261F 55%,#3a1726);display:grid;place-items:center;overflow:hidden}
.post-card .cov img{width:100%;height:100%;object-fit:cover}
.post-card .cov span{font:700 22px/1.15 var(--lb-display);color:rgba(255,255,255,.85);padding:22px;letter-spacing:-.03em}
.post-card .in{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.post-card h2{font:600 19px/1.3 var(--lb-body);margin:0}
.post-card p{margin:0;color:var(--lb-muted);font-size:15px}
.post-meta{font:12.5px var(--lb-mono);color:var(--lb-faint);display:flex;gap:10px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.chips a{font-size:14px;text-decoration:none;border:1px solid var(--lb-line);background:var(--lb-surface);padding:6px 12px;border-radius:99px;color:var(--lb-text)!important}
.chips a[aria-current]{background:var(--lb-ink);color:#fff!important;border-color:var(--lb-ink)}
/* article */
.art-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(0,280px);gap:48px;justify-content:space-between}
.art-side{position:sticky;top:88px;align-self:start;display:grid;gap:18px}
.toc-box,.cta-box{background:var(--lb-surface);border:1px solid var(--lb-line);border-radius:14px;padding:16px 18px;font-size:14.5px}
.toc-box b{display:block;font:600 12px var(--lb-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lb-faint);margin-bottom:8px}
.toc-box a{display:block;color:var(--lb-muted);text-decoration:none;padding:4px 0}.toc-box a:hover{color:var(--lb-teal)}
.cta-box{background:var(--lb-ink);color:var(--lb-cx-ink);border-color:var(--lb-ink)}
.cta-box h3{font:700 17px/1.3 var(--lb-display);margin:8px 0 6px;letter-spacing:-.02em}.cta-box p{color:var(--lb-cx-muted);margin:0 0 12px}
.cta-box .lb-btn{display:inline-block}
.art-cover{margin:0 0 30px;border-radius:16px;overflow:hidden;border:1px solid var(--lb-line)}.art-cover img{width:100%;display:block}
.inline-cta{margin:36px 0;background:linear-gradient(135deg,#0B1A16,#1d1320);color:#fff;border-radius:16px;padding:22px 24px}
.inline-cta p{margin:0 0 12px;color:var(--lb-cx-muted)}.inline-cta b{color:#fff;font-size:18px}
.faq-list details{border-bottom:1px solid var(--lb-line);padding:12px 0}.faq-list summary{font-weight:600;cursor:pointer}
.related{margin-top:48px}
@media (max-width:960px){.art-grid{grid-template-columns:minmax(0,1fr)}.art-side{position:static}}
/* forms / account */
.card{background:var(--lb-surface);border:1px solid var(--lb-line);border-radius:16px;padding:22px}
.f{display:grid;gap:6px;margin-bottom:14px}.f label{font-size:14px;font-weight:600}
.f input,.f select,.f textarea{font:16px var(--lb-body);color:var(--lb-text);background:var(--lb-ground);border:1px solid var(--lb-line);border-radius:10px;padding:11px 12px;width:100%}
.btn2{font:700 15px var(--lb-body);border:0;border-radius:11px;padding:12px 18px;cursor:pointer;background:var(--lb-ink);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn2.pink{background:var(--lb-pink)}.btn2.line{background:transparent;color:var(--lb-text);border:1px solid var(--lb-line)}
.btn2:disabled{opacity:.55;cursor:default}
.err2{color:#C23A2A;font-size:14.5px;margin:10px 0 0}.ok2{color:var(--lb-teal);font-size:14.5px;margin:10px 0 0}
.muted{color:var(--lb-muted)}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:10px 0 30px}