:root{--bg:#070707;--bg-soft:#101010;--bg-panel:#131313;--ink:#ececf0;--ink-soft:#c6c8cf;--muted:#959aa4;--line:#31343b;--line-strong:#484d57;--accent-violet:#8c72e8;--accent-violet-soft:#b8aae8;--accent-grey:#b6bac4;--max:1280px;--radius:16px;--shadow:0 20px 40px rgba(0,0,0,0.35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Space Grotesk","Segoe UI",sans-serif;background:radial-gradient(circle at 12% 0%,#14161d 0,rgba(20,22,29,0) 28%),radial-gradient(circle at 88% 8%,#171a20 0,rgba(23,26,32,0) 24%),radial-gradient(circle at 50% 0%,#1b1a24 0,rgba(27,26,36,0) 22%),linear-gradient(165deg,#0f0f10 0,#070707 50%,#0b0b0c 100%);line-height:1.45}.frame{width:min(var(--max),94vw);margin:0 auto;padding:1rem 0 3rem;animation:fade-in 550ms ease-out both}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:0.7rem;color:var(--muted);font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase}.topbar .links{display:flex;gap:1rem;flex-wrap:wrap}.topbar .links span{opacity:0.9}.brand-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 0;border-bottom:2px solid var(--line-strong)}.logo{margin:0;font-family:"Playfair Display",serif;font-weight:800;letter-spacing:0.06em;text-transform:lowercase;font-size:clamp(1.8rem,3.8vw,3.1rem);line-height:0.95}.tagline{color:var(--ink-soft);letter-spacing:0.09em;text-transform:uppercase;font-size:0.72rem;text-align:center}.live-pill{display:inline-flex;align-items:center;gap:0.5rem;border:1px solid rgba(140,114,232,0.24);background:rgba(140,114,232,0.06);color:#d7d1e8;border-radius:999px;padding:0.35rem 0.8rem;font-size:0.76rem;letter-spacing:0.11em;text-transform:uppercase;white-space:nowrap}.live-dot{width:0.45rem;height:0.45rem;border-radius:50%;background:var(--accent-violet);box-shadow:0 0 0 0 rgba(155,123,255,0.45);animation:pulse 1.6s infinite}.breaking{margin-top:1rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,rgba(140,114,232,0.05),rgba(182,186,196,0.08));display:flex;align-items:center;gap:0.8rem;padding:0.7rem 0.8rem;overflow:hidden}.breaking .label{flex:0 0 auto;background:rgba(185,180,197,0.92);color:#121212;border-radius:999px;padding:0.22rem 0.62rem;font-size:0.72rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase}.breaking p{margin:0;white-space:nowrap;letter-spacing:0.05em;text-transform:uppercase;font-size:0.78rem;color:var(--ink-soft);animation:ticker 24s linear infinite;padding-left:100%}.hero-grid{margin-top:1.1rem;display:grid;grid-template-columns:1.5fr 0.9fr;gap:1rem}.hero{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0)),var(--bg-panel);padding:1.1rem;box-shadow:var(--shadow)}.eyebrow{margin:0;font-size:0.72rem;color:var(--accent-violet-soft);letter-spacing:0.13em;text-transform:uppercase;font-weight:700}.hero h2{margin:0.5rem 0 0.55rem;font-family:"Playfair Display",serif;letter-spacing:0.04em;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.02;max-width:18ch}.hero p{margin:0;max-width:60ch;color:var(--ink-soft);font-size:1.05rem}.meta-row{margin-top:1rem;border-top:1px solid var(--line);padding-top:0.7rem;display:flex;gap:1.1rem;flex-wrap:wrap;font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}.quick-cards{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem}.quick{border:1px solid var(--line);border-radius:12px;padding:0.8rem;background:rgba(255,255,255,0.015);opacity:0;transform:translateY(8px);animation:stagger 430ms ease-out forwards}.quick:nth-child(2){animation-delay:100ms}.quick:nth-child(3){animation-delay:190ms}.quick h3{margin:0.25rem 0 0.45rem;font-size:1rem;line-height:1.2}.quick p{margin:0;color:var(--ink-soft);font-size:0.9rem}.side-rail{display:grid;gap:0.8rem}.module{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);padding:0.9rem}.module h3{margin:0;font-size:0.78rem;color:var(--accent-violet-soft);letter-spacing:0.13em;text-transform:uppercase}.trending-list{list-style:none;padding:0;margin:0.7rem 0 0;display:grid;gap:0.7rem}.trending-list li{border-top:1px solid var(--line);padding-top:0.7rem;display:grid;grid-template-columns:auto 1fr;gap:0.6rem;align-items:start}.trend-num{color:var(--accent-violet);font-weight:700;font-size:0.82rem;letter-spacing:0.07em}.trending-list a{color:var(--ink);text-decoration:none;font-size:0.95rem;line-height:1.25}.trending-list a:hover{color:var(--accent-violet-soft)}.markets{margin-top:0.65rem;display:grid;grid-template-columns:1fr auto;gap:0.5rem 0.8rem;font-size:0.82rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-soft)}.markets .up{color:var(--accent-grey)}.markets .down{color:var(--accent-violet-soft)}.section-head{margin-top:1.6rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-top:2px solid var(--line-strong);padding-top:0.8rem}.section-head h2{margin:0;font-family:"Playfair Display",serif;letter-spacing:0.04em;font-size:clamp(1.5rem,2.8vw,2.2rem)}.section-head p{margin:0;color:var(--muted);font-size:0.74rem;letter-spacing:0.12em;text-transform:uppercase}.story-grid{margin-top:0.9rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0.8rem}.story{border:1px solid var(--line);border-radius:14px;background:var(--bg-soft);padding:0.9rem;transition:transform 220ms ease,border-color 220ms ease}.story:hover{transform:translateY(-3px);border-color:var(--line-strong)}.story-media{width:100%;height:135px;border-radius:10px;border:1px solid var(--line);object-fit:cover;display:block;margin-bottom:0.7rem;background:#1a1b20}.story-media.placeholder{display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;background:linear-gradient(130deg,rgba(140,114,232,0.14),rgba(255,255,255,0.01)),#17181d}.story h3{margin:0.28rem 0 0.5rem;font-size:1.04rem;line-height:1.2}.story p{margin:0;color:var(--ink-soft);font-size:0.92rem}.feed-toolbar{margin-top:0.75rem;display:flex;justify-content:space-between;align-items:center;gap:0.8rem;flex-wrap:wrap;color:var(--muted);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase}.refresh-btn{border:1px solid var(--line-strong);background:rgba(255,255,255,0.02);color:var(--ink);border-radius:999px;padding:0.38rem 0.75rem;font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:border-color 180ms ease,transform 180ms ease}.refresh-btn:hover{border-color:var(--accent-violet-soft);transform:translateY(-1px)}.chip-row{margin-top:1.3rem;display:flex;flex-wrap:wrap;gap:0.5rem}.chip{border:1px solid var(--line);border-radius:999px;background:rgba(182,186,196,0.08);color:#d1d5df;font-size:0.72rem;letter-spacing:0.09em;text-transform:uppercase;padding:0.4rem 0.7rem}footer{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:0.8rem;color:var(--muted);font-size:0.71rem;letter-spacing:0.1em;text-transform:uppercase;display:flex;justify-content:space-between;gap:0.8rem;flex-wrap:wrap}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(155,123,255,0.45)}70%{box-shadow:0 0 0 9px rgba(155,123,255,0)}100%{box-shadow:0 0 0 0 rgba(155,123,255,0)}}@keyframes stagger{to{opacity:1;transform:translateY(0)}}@media (max-width:1080px){.brand-row{grid-template-columns:1fr;text-align:center}.hero-grid{grid-template-columns:1fr}.story-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.frame{width:min(96vw,720px)}.topbar{flex-direction:column;align-items:flex-start}.quick-cards{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.story-grid{grid-template-columns:1fr}.feed-toolbar{align-items:flex-start}footer{flex-direction:column}}