:root{--bg:#09111b;--panel:#111c29;--panel2:#152334;--text:#f4f7fb;--muted:#9fb0c3;--accent:#4fc3a1;--accent2:#7eb8ff;--line:#26374b;--danger:#ff9c9c;--positive:#63d6a9;--negative:#ff9c9c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#15334a 0,transparent 30%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}.top{max-width:1500px;margin:auto;padding:48px max(5vw,22px) 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.eyebrow{font-size:.65rem;letter-spacing:.22em;color:var(--accent);font-weight:bold}.top h1{font:clamp(.725rem,1.75vw,3rem)/.95 Georgia,serif;margin:.08em 0}.top>div>p:last-child{color:var(--muted);font-size:.9rem}.local-time{text-align:right}.local-time strong{display:block;font-size:clamp(1.8rem,4vw,3.2rem);font-variant-numeric:tabular-nums}.local-time span{color:var(--muted);font-size:.9rem}main{max-width:1500px;margin:auto;padding:0 max(5vw,22px) 70px}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;align-items:start}.utility-stack{display:grid;gap:18px;align-content:start}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px}.side-stack{display:grid;gap:18px}.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.16)}.compact-card{padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.card h2{font:1.5rem Georgia,serif;margin:0}.compact-card h2{font-size:1.25rem}.card-head>span,.source,.muted{color:var(--muted);font-size:.88rem}.big-value{font-size:clamp(1.55rem,3.5vw,2.8rem);font-weight:bold;margin:.4rem 0}.metric{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:.55rem 0;border-bottom:1px solid var(--line)}.metric:last-child{border:0}.metric span{color:var(--muted)}.metric strong{font-variant-numeric:tabular-nums}.sun-grid .metric{padding:.45rem 0}.forecast{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.forecast div{padding:10px;background:rgba(255,255,255,.035);border-radius:10px;text-align:center}.forecast span,.forecast small{display:block;color:var(--muted)}.news-list{display:grid}.news-list a{padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;display:grid;grid-template-columns:1fr auto;gap:20px}.news-list a:hover strong{color:var(--accent)}.news-list span{color:var(--muted);font-size:.85rem}.text-button{background:none;border:0;color:var(--accent);cursor:pointer}.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-links a{display:flex;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:10px;text-decoration:none}.quick-links a:hover{border-color:var(--accent)}.market-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.market-row:last-child{border-bottom:0}.market-row strong,.market-price{font-variant-numeric:tabular-nums}.market-row small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}.market-price{font-weight:bold;text-align:right}.market-change{font-size:.82rem;font-variant-numeric:tabular-nums;min-width:72px;text-align:right}.positive{color:var(--positive)}.negative{color:var(--negative)}.privacy{margin-top:18px}.privacy p{color:var(--muted);margin-bottom:0}.source{margin-top:14px}.error{color:var(--danger)}footer{border-top:1px solid var(--line);padding:26px max(5vw,22px);display:flex;justify-content:space-between;color:var(--muted)}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}}@media(max-width:650px){.top{padding-top:34px;flex-direction:column;align-items:flex-start}.local-time{text-align:left}.forecast{grid-template-columns:repeat(2,1fr)}.news-list a{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr}.market-row{grid-template-columns:1fr auto}.market-change{grid-column:2;grid-row:1;text-align:right}.market-price{grid-column:2;grid-row:2}.market-row small{font-size:.74rem}footer{flex-direction:column;gap:8px}}
