/* ai-stock-predictions.com — one small stylesheet, system fonts, no framework. */
:root{--bg:#0d1117;--bg2:rgba(16,21,29,.86);--card:rgba(22,27,34,.84);--card2:rgba(28,35,45,.92);--line:#262e39;--text:#e6edf3;--muted:#8b949e;
--blue:#1a73e8;--blue2:#4c94ff;--green:#34a853;--red:#ea4335;--gold:#f5b301;--up:#3ddc84;--down:#ff6b6b;--r:12px;
--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--text);font:16px/1.55 var(--font);background:transparent}
a{color:var(--blue2);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
h1{font-size:clamp(1.55rem,4vw,2.3rem);line-height:1.2;margin:.6em 0 .35em;font-weight:800}
.h2{font-size:1.3rem;margin:1.5em 0 .7em;font-weight:750}.h3{font-size:1.06rem;margin:1.1em 0 .5em;font-weight:700}.h3 a{color:var(--text)}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#000;padding:8px;z-index:99}
/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(13,17,23,.9);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top-row{display:flex;align-items:center;gap:16px;height:60px}
.logo{font-weight:850;font-size:1.3rem;letter-spacing:-.3px;white-space:nowrap}.logo b{color:var(--blue)}.logo span{color:var(--green)}.logo:hover{text-decoration:none}
.logo-sm{font-size:1.15rem}
.nav{display:flex;gap:16px}.nav a{color:var(--text);opacity:.85;white-space:nowrap;font-size:.95rem}
.nav a:hover{opacity:1;text-decoration:none}.nav-hot{color:var(--green)!important;font-weight:700;opacity:1!important}
.search{flex:1;max-width:320px}.search input,.search-inline input,.hero-search input{width:100%;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--text);font:inherit;font-size:.92rem}
.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
details.lang,details.burger{position:relative}
details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}
.lang summary,.burger summary{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.85rem;font-weight:700}
.lang-menu,.burger-menu{position:absolute;right:0;top:40px;background:#161b22;border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:2px;min-width:190px;max-height:70vh;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.lang-menu a,.burger-menu a{color:var(--text);padding:6px 10px;border-radius:6px}.lang-menu a:hover,.burger-menu a:hover{background:var(--card2);text-decoration:none}
.burger{display:none}
@media (max-width:980px){.nav{display:none}.burger{display:block}}
@media (max-width:700px){.search{display:none}.top-actions .btn{padding:6px 10px;font-size:.82rem;white-space:nowrap}.top-row{gap:10px}}
@media (max-width:430px){.logo{font-size:1.02rem}.top-actions{gap:6px}.lang summary,.burger summary{padding:5px 8px}
.promo-card small{display:none}.promo-card{min-width:0}}
/* promo strip + ad slots */
.promo{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.promo-card{flex:1;min-width:230px;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 12px;color:var(--text);font-size:.88rem}
.promo-card small{color:var(--muted)}.promo-card:hover{text-decoration:none;border-color:#34404d}
.ad-slot{display:flex;justify-content:center;margin:10px auto;max-width:100%;overflow:hidden}.ad-slot:empty{margin:0}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font-weight:650;font-size:.95rem;cursor:pointer;font-family:inherit}
.btn:hover{text-decoration:none;border-color:#3a4552}
.btn-green{background:var(--green);border-color:var(--green);color:#03140a}.btn-green:hover{background:#40c262}
.btn-blue{background:var(--blue);border-color:var(--blue);color:#fff}.btn-blue:hover{background:#2a82f5}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#1b1400}.btn-gold:hover{background:#ffc21a}
.btn-ghost{background:transparent}.btn-lg{padding:13px 22px;font-size:1.05rem}.btn-sm{padding:6px 10px;font-size:.82rem}
.btn-wide{display:flex;width:100%;margin:12px 0 0}
/* hero */
.hero{text-align:center;padding:22px 0 6px}
.hero h1{font-size:clamp(2rem,6vw,3.2rem);margin:.25em 0 .1em;background:linear-gradient(90deg,#8ab8ff,#fff 45%,#9be7b0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{font-size:1.15rem;color:#dbe6f5;margin:.2em 0}.hero-sub2{color:#a9c3e6;margin:.2em 0 1em}
.hero-search{display:flex;gap:8px;max-width:520px;margin:12px auto}
.hero-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0}
.hero-links{font-size:.85rem;color:var(--muted)}.hero-links a{color:var(--muted)}
.badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0}.badges img{height:40px;width:auto}
/* panels */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:14px 0}
.panel>.h2:first-child{margin-top:0}
.note{background:var(--card);border-left:3px solid var(--blue);padding:10px 14px;border-radius:8px}
.note-ok{border-color:var(--up)}.note-bad{border-color:var(--down)}
.crumbs{font-size:.85rem;color:var(--muted);margin:14px 0 0}.crumbs a{color:var(--muted)}.crumbs span{margin:0 4px}
.disclaimer{font-size:.8rem;color:var(--muted);background:rgba(234,67,53,.07);border:1px solid rgba(234,67,53,.2);border-radius:8px;padding:10px 12px;margin:18px 0}
/* numbers */
.chg{font-weight:700;white-space:nowrap}.chg.up{color:var(--up)}.chg.down{color:var(--down)}
.up-t{color:var(--up)}.down-t{color:var(--down)}
.blur{filter:blur(6px);user-select:none}
/* logos */
.lg{width:36px;height:36px;border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.lg img{width:100%;height:100%;object-fit:contain}
.lg-empty{background:var(--card2);color:var(--muted);font-weight:800;font-size:.78rem}
.lg-xl{width:72px;height:72px;border-radius:16px}.lg-xl.lg-empty{font-size:1.3rem}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.card{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;color:var(--text)}
.card:hover{text-decoration:none;border-color:#34404d}
.card-h{display:flex;align-items:center;gap:10px}.co-t{display:flex;flex-direction:column;min-width:0}
.co-t b{font-size:1rem}.co-t small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}
.card-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.92rem}.card-row>span:last-child{text-align:right;white-space:nowrap}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:800px){.two-col{grid-template-columns:1fr}}
.two-col .cards{grid-template-columns:1fr}
/* sectors */
.grid-sectors{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.sector{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text)}
.sector:hover{text-decoration:none;border-color:#34404d}.sector-n{font-weight:650}.sector-c{font-size:.8rem;color:var(--muted)}
/* screener */
.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:10px 0}
.search-inline{display:flex;gap:6px;flex:1;min-width:240px;max-width:420px}
.sorts,.sector-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0}
.chip{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-size:.82rem;color:var(--text);background:var(--bg2);white-space:nowrap}
.chip small{color:var(--muted)}.chip.on{border-color:var(--blue);background:rgba(26,115,232,.18)}.chip:hover{text-decoration:none;border-color:#3a4552}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
table.stocks,table.hist{width:100%;border-collapse:collapse;font-size:.92rem}
.stocks th,.stocks td,.hist th,.hist td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.stocks thead th,.hist thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;background:var(--bg2)}
.stocks tbody tr:hover{background:var(--card2)}.stocks tbody tr:last-child th,.stocks tbody tr:last-child td{border-bottom:0}
.num{text-align:right!important;white-space:nowrap}
.co{display:flex;align-items:center;gap:10px;color:var(--text);min-width:210px}.co:hover{text-decoration:none}
.fc{display:inline-flex;flex-direction:column;align-items:flex-end;gap:1px}.fc b{font-weight:700}
.fc.locked{flex-direction:row;align-items:center;gap:6px;color:var(--muted)}.fc.locked:hover{text-decoration:none}
@media (max-width:760px){
  .tbl-wrap{border:0;background:none;overflow:visible}
  table.stocks thead{display:none}
  table.stocks,table.stocks tbody,table.stocks tr{display:block;width:100%}
  table.stocks tr{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:0 0 8px;padding:8px 10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
  table.stocks th[scope=row]{grid-column:1/-1;border:0;padding:2px 0 6px}
  table.stocks td{border:0;padding:2px 0;display:flex;justify-content:space-between;gap:8px;font-size:.88rem}
  table.stocks td::before{content:attr(data-l);color:var(--muted);font-size:.78rem;text-align:left}
  .fc{flex-direction:row;gap:6px}
}
.hist .ok{color:var(--up)}.hist .bad{color:var(--down)}
/* company */
.co-head{display:flex;align-items:center;gap:16px;margin-top:10px}.co-head h1{margin:.1em 0}
.co-meta{color:var(--muted);margin:.2em 0}.co-meta a{color:var(--blue2)}
.quote{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}
.q-cell{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.q-l{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.q-v{font-size:1.5rem;font-weight:800}
.fc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:640px){.fc-grid{grid-template-columns:1fr}}
.fc-box{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}
.fc-h{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.fc-p{font-size:1.6rem;font-weight:900}
.fc-box.locked{border-style:dashed}
svg.chart{width:100%;height:auto;display:block;aspect-ratio:3/1}
svg.chart .grid{stroke:#243041;stroke-width:1}svg.chart .ax{fill:#7d8896;font-size:11px;font-family:var(--font)}
svg.chart .line{fill:none;stroke:#4c94ff;stroke-width:2;vector-effect:non-scaling-stroke}
svg.chart .tgt{stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}svg.chart .tgt.up{stroke:var(--up)}svg.chart .tgt.down{stroke:var(--down)}
svg.chart .tgt-dot.up{fill:var(--up)}svg.chart .tgt-dot.down{fill:var(--down)}svg.chart .last-dot{fill:#fff}
svg.chart .tgt-l{fill:#cfd8e3}
/* news, blog, prose */
.grid-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.news{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text)}
.news:hover{text-decoration:none;border-color:#34404d}.news-src{font-size:.78rem;color:var(--muted)}.news-t{font-weight:600}
.grid-blog{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.bcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.bcard img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.bcard-b{padding:12px 14px}.bcard .h3{margin:.3em 0}
.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.8rem;color:var(--text);background:var(--bg2)}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;margin:6px 0;padding:10px 14px}
.faq summary{font-weight:650}.faq p{color:#cfd6de;margin:.6em 0 0}
.prose{line-height:1.75}.prose p{color:#d5dce4}.prose h2{font-size:1.3rem;margin:1.4em 0 .5em}.prose h3{font-size:1.1rem}
.prose table{width:100%;border-collapse:collapse;font-size:.92rem}.prose td,.prose th{border:1px solid var(--line);padding:6px 8px}
.prose img{border-radius:10px}.article h1{margin-top:.4em}.hero-img{border-radius:var(--r);margin:12px 0;aspect-ratio:1200/680;object-fit:cover;width:100%}
/* share */
.share{display:flex;gap:6px;margin:8px 0 10px}
.sh{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--card2);color:var(--text);font-size:.72rem;font-weight:800;border:1px solid var(--line);cursor:pointer;font-family:inherit}
.sh:hover{text-decoration:none;border-color:#3a4552}
/* cta / unlock / paywall */
.cta{text-align:center;margin:26px 0;padding:22px 16px;border-radius:var(--r);background:linear-gradient(135deg,rgba(26,115,232,.22),rgba(52,168,83,.18));border:1px solid rgba(26,115,232,.35)}
.cta .h2{margin-top:0}
.unlock{margin:14px 0;background:linear-gradient(135deg,rgba(245,179,1,.14),rgba(26,115,232,.10));border:1px solid rgba(245,179,1,.35);border-radius:var(--r);padding:14px;text-align:center}
.unlock p{margin:0 0 10px}
.paywall{max-width:820px;margin:0 auto;text-align:center}
.benefits{list-style:none;padding:0;display:inline-grid;gap:6px;text-align:left;margin:10px auto 6px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0}
.plan{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 16px;display:flex;flex-direction:column;gap:8px;align-items:center}
.plan-best{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.plan-badge{position:absolute;top:-11px;background:var(--gold);color:#1b1400;font-size:.72rem;font-weight:800;padding:2px 10px;border-radius:999px}
.plan-name{font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}
.plan-price{font-size:2rem;font-weight:900}.plan-price small{font-size:.9rem;color:var(--muted);font-weight:600}
.account{max-width:560px;margin:20px auto}.login{display:flex;gap:8px;flex-wrap:wrap}
.login input{flex:1;min-width:220px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--text);font-size:1rem}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;margin:16px 0}
.invite-url code{background:var(--bg2);padding:6px 10px;border-radius:8px}
/* affiliate */
.aff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.aff{display:flex;flex-direction:column;gap:6px;background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--acc,var(--blue));border-radius:10px;padding:14px;color:var(--text)}
.aff:hover{text-decoration:none;border-color:#3a4552}.aff-i{font-size:1.4rem}.aff span{color:var(--muted);font-size:.9rem}.aff .aff-cta{color:var(--blue2);font-weight:700}
/* legal */
.legal-doc{max-width:860px;margin:0 auto}
.lang-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.lang-bar a{padding:3px 9px;border-radius:6px;font-size:.75rem;background:var(--card);color:var(--muted)}.lang-bar a.on{background:rgba(26,115,232,.2);color:var(--blue2)}
.legal-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 32px;line-height:1.7}
@media (max-width:600px){.legal-card{padding:20px 16px}}
.legal-section{margin-bottom:26px}.legal-section h2{font-size:1.15rem;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.legal-section h3{font-size:1rem;margin:14px 0 8px}.legal-section p,.legal-section ul{color:#c3ccd6}
.warning-box{border:1px solid rgba(255,183,77,.35);background:rgba(255,183,77,.06);border-radius:8px;padding:12px 16px;margin-bottom:12px}
.legal-table{width:100%;border-collapse:collapse;margin:12px 0}.legal-table th,.legal-table td{padding:8px 12px;border:1px solid var(--line);text-align:left}
.legal-table th{background:rgba(26,115,232,.12)}
/* footer */
.foot{margin-top:40px;border-top:1px solid var(--line);background:rgba(8,10,14,.6);padding:26px 0 30px;font-size:.92rem}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;align-items:start}
@media (max-width:800px){.foot-grid{grid-template-columns:1fr}}
.foot-links{display:grid;gap:6px}.foot-links a,.legal a{color:var(--muted)}
.legal{margin-top:18px;text-align:center;color:var(--muted);line-height:1.9;font-size:.85rem}.network{margin-top:6px}
.social a{color:var(--muted)}
[dir=rtl] .num{text-align:left!important}[dir=rtl] .stocks th,[dir=rtl] .stocks td{text-align:right}
.chip-lock{border-color:rgba(245,179,1,.4);color:var(--gold)}.lockrow{color:var(--gold);font-size:.85rem;font-weight:700}
.teaser{padding:18px}.teaser .h2{margin-top:0}.locked-panel{text-align:center;border-style:dashed}

/* switchable background photo (the old sites' signature) + particle network; content sits on translucent panels */
html{background:#05080c}
.bg{position:fixed;inset:0;z-index:-1;background:#05080c center/cover no-repeat;transition:background-image .6s ease}
.bg-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,12,.5) 0,rgba(5,8,12,.7) 42%,rgba(5,8,12,.86) 100%)}
.bg-net{position:absolute;inset:0;width:100%;height:100%;display:block}
.bg-next{position:fixed;left:12px;bottom:12px;z-index:45;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
border:1px solid rgba(255,255,255,.2);background:rgba(10,14,20,.55);color:#fff;cursor:pointer;opacity:.6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bg-next:hover,.bg-next:focus-visible{opacity:1}
@media print{.bg,.bg-next{display:none}}