/* Apple-style skin: system font, true-black, frosted glass, big radius, calm color */
:root { --bg:#000; --bg2:#0b0b0d; --surface:#1c1c1e; --surface2:#2c2c2e; --surface3:#3a3a3c; --line:rgba(255,255,255,.08);
  --txt:#f5f5f7; --txt2:#a1a1a6; --txt3:#6e6e73; --accent:#0A84FF; --pos:#30D158; --neg:#FF453A; --warn:#FF9F0A; --radius:20px; }
html body { background:#000 !important; color:var(--txt); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter",system-ui,sans-serif; letter-spacing:-.01em; -webkit-font-smoothing:antialiased; }
html body .bg-bg, html body .bg-bg\/60 { background:transparent !important; }
html body .border-line, html body .border-b, html body .border-t { border-color:var(--line) !important; }
html body .text-accent { color:var(--accent) !important; } html body .text-pos { color:var(--pos) !important; } html body .text-neg { color:var(--neg) !important; }
.glass { background:rgba(22,22,24,.72) !important; backdrop-filter:saturate(180%) blur(24px) !important; -webkit-backdrop-filter:saturate(180%) blur(24px) !important; }
.card,.card-2,.inset { background:var(--surface) !important; border:0 !important; border-radius:var(--radius) !important; box-shadow:none !important; }
.card-hover:hover { transform:none !important; background:var(--surface2) !important; }
.icon-btn { border:0 !important; border-radius:50% !important; background:var(--surface) !important; }
.logo-mark { display:grid; place-items:center; background:none !important; box-shadow:none !important; }
.bnav { transition:color .2s; } .bnav.active, .dnav.active { color:var(--accent) !important; }
a, button { -webkit-tap-highlight-color:transparent; } button { transition:transform .15s, background .2s; } button:active { transform:scale(.97); }
@media (prefers-reduced-motion:no-preference){ .plans > * { animation:rise .45s cubic-bezier(.2,.8,.2,1) both } @keyframes rise{from{opacity:0;transform:translateY(8px)}} }

/* Signals page */
.hero { padding:18px 4px 14px } .hero h1 { font-size:34px; font-weight:700; letter-spacing:-.03em; margin:0 } .hero p { color:var(--txt2); margin:4px 0 0; font-size:15px }
.seg { display:inline-flex; background:var(--surface); border-radius:12px; padding:3px; margin:6px 0 16px; gap:2px; max-width:100%; overflow-x:auto }
.seg button { border:0; background:none; color:var(--txt2); padding:7px 16px; border-radius:9px; font-size:14px; font-weight:600 }
.seg button span { opacity:.6; margin-left:4px } .seg button.on { background:var(--surface3); color:#fff }
.plans { display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr)); align-items:start }
.plan { background:var(--surface); border-radius:22px; overflow:hidden }
.plan.skel { height:76px; background:linear-gradient(90deg,var(--surface),var(--surface2),var(--surface)); background-size:200% 100%; animation:sh 1.3s infinite } @keyframes sh{to{background-position:-200% 0}}
.plan-head { width:100%; display:flex; align-items:center; gap:12px; padding:16px; background:none; border:0; color:inherit; text-align:left; cursor:pointer }
.plan-coin { display:flex; align-items:center; gap:12px; flex:1; min-width:0 } .plan-coin b,.plan-price b { font-size:17px; font-weight:600; display:block } 
.plan small { display:block; color:var(--txt2); font-size:12.5px; font-weight:400 } .plan-price { text-align:right }
.pill { font-size:13px; font-weight:700; padding:6px 14px; border-radius:99px }
.pill.buy { background:rgba(48,209,88,.16); color:var(--pos) } .pill.sell { background:rgba(255,69,58,.16); color:var(--neg) }
.pill.watch { background:rgba(255,159,10,.16); color:var(--warn) } .pill.avoid { background:var(--surface3); color:var(--txt2) }
.plan-body { display:none; padding:0 16px 18px } .plan.open .plan-body { display:block }
.plan-sum { font-size:15px; line-height:1.5; margin:0 0 14px }
.levels { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border-radius:14px; overflow:hidden; margin-bottom:6px }
.levels > div { background:var(--surface2); padding:11px 13px } .levels b { font-size:15px; font-weight:600 } .levels i { font-style:normal; color:var(--txt2); font-size:12px; font-weight:500 }
.levels .pos,.pos { color:var(--pos) } .levels .neg,.neg { color:var(--neg) }
.plan h4 { font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--txt3); margin:18px 0 8px; font-weight:600 }
.plan ul { list-style:none; margin:0; padding:0; display:grid; gap:9px } .plan li { font-size:14px; line-height:1.45; color:var(--txt2) } .plan li b { color:var(--txt); font-weight:600 }
.checks li { display:flex; gap:10px } .checks .tick { width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:700; flex:none; margin-top:1px }
.checks .ok .tick { background:rgba(48,209,88,.18); color:var(--pos) } .checks .no .tick { background:var(--surface3); color:var(--txt3) }
.news li small { display:inline; color:var(--txt3) } .exit li { padding-left:14px; position:relative } .exit li::before { content:""; position:absolute; left:0; top:8px; width:5px; height:5px; border-radius:50%; background:var(--accent) }
.more { display:block; text-align:center; margin-top:16px; padding:12px; border-radius:12px; background:var(--surface2); color:var(--accent); font-weight:600; font-size:15px }
.blank { grid-column:1/-1; text-align:center; color:var(--txt2); padding:48px 20px; background:var(--surface); border-radius:22px }

.sec{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--txt3);margin:4px 4px 10px;font-weight:600}
.rtiles{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px;scrollbar-width:none}
.rt{flex:none;min-width:128px;background:var(--surface);border-radius:20px;padding:14px;display:grid;gap:2px;color:inherit}
.rt small{font-size:10.5px;font-weight:700;letter-spacing:.04em}.rt b{font-size:19px}.rt span{font-size:26px;font-weight:700;letter-spacing:-.03em}.rt i{font-style:normal;font-size:12px;color:var(--txt2)}
.rt.up small,.rt.up span{color:var(--pos)}.rt.dn small,.rt.dn span{color:var(--neg)}.rt.gold small,.rt.gold span{color:#FFD60A}