:root{
  --bg:#050707;--panel:#0c1011;--panel2:#0f1314;--line:#2a3030;
  --text:#f6f5f1;--muted:#999d9c;--gold:#efbd27;--gold2:#ffd047;
  --green:#33d28c;--red:#ff5f63;--amber:#e0ac20;
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{
  margin:0;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:radial-gradient(circle at 76% 10%,rgba(221,168,28,.055),transparent 32rem),linear-gradient(180deg,#070909 0%,#050707 100%);
}
a{color:inherit;text-decoration:none}.page-shell{max-width:1320px;margin:0 auto;padding:0 34px}
.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242827}
.brand{font-size:38px;line-height:1;font-weight:850;letter-spacing:-1.7px}.brand span{color:var(--gold)}.brand strong{font-weight:850}
.updated{text-align:right;font-size:18px;font-weight:700}.updated small{display:block;margin-top:7px;color:var(--muted);font-size:12px;font-weight:500}
main{padding:22px 0 30px}.hero{height:310px;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.hero-copy{padding-left:2px}.eyebrow{font-size:14px;letter-spacing:.04em;color:var(--gold);font-weight:800}.symbol{margin-top:11px;font-size:21px;font-weight:650;letter-spacing:.01em}
.price-row{display:flex;align-items:baseline;gap:17px;margin-top:30px}.gold-price{font-size:70px;line-height:.95;font-weight:850;letter-spacing:-3.1px}.unit{font-size:23px;color:var(--gold2);font-weight:750}
.change{font-weight:700;margin-top:14px}.muted{color:var(--muted)!important}.positive{color:var(--green)!important}.negative{color:var(--red)!important}
.hero-art{height:310px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.radar{width:min(100%,520px);height:100%;overflow:visible}.radar-grid{stroke:#d4a313;stroke-width:1.15;opacity:.72}.radar-ring{fill:none;stroke:#d8a51b;stroke-width:2;opacity:.9}.sweep{fill:#e9b62a;opacity:.10}
.chart-card{background:linear-gradient(180deg,rgba(15,19,20,.98),rgba(8,11,12,.98));border:1px solid #303636;border-radius:16px;padding:20px 24px 18px;box-shadow:0 16px 45px rgba(0,0,0,.18)}
.card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.card-head .symbol{font-size:16px;margin-top:6px}.chart-ranges{display:flex;justify-content:flex-end;gap:0;flex-wrap:wrap;margin:-42px 0 18px auto;width:max-content;max-width:78%;border:1px solid #1f2424;background:#080b0c;border-radius:13px;padding:2px 8px}
.range-btn{appearance:none;border:0;border-right:1px solid #222727;background:transparent;color:#e8e8e5;padding:8px 16px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.range-btn:last-child{border-right:0}.range-btn:hover{color:var(--gold2)}.range-btn.active{border-radius:10px;background:linear-gradient(180deg,#70520b,#4a3608);color:#fff2bd}
.chart-wrap{position:relative;height:300px;margin-top:4px;border-top:1px solid #252a29}.chart-wrap svg{width:100%;height:100%;overflow:visible}.grid line{stroke:#2c3130;stroke-width:1}.line{fill:none;stroke:var(--gold2);stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(239,189,39,.24))}.area{fill:url(#goldAreaGradient);opacity:.92}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#747a78;font-size:13px;pointer-events:none}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.metric-card{position:relative;background:linear-gradient(180deg,#0f1314,#0a0d0e);border:1px solid #2e3434;border-radius:14px;padding:21px 24px;min-height:150px;overflow:hidden}.metric-title{font-size:14px;font-weight:700;color:#c4c7c5;letter-spacing:.02em}.metric-row{display:flex;align-items:baseline;justify-content:flex-start;gap:18px;margin-top:21px}.metric-row strong{font-size:31px;letter-spacing:-1px}.metric-row .change{font-size:14px;margin:0}.metric-foot{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.45}
.metric-card:after{position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:54px;color:#9c7824;opacity:.18;font-weight:700}.metric-card:nth-child(1):after{content:"€"}.metric-card:nth-child(2):after{content:"▱";font-size:66px;transform:translateY(-50%) rotate(90deg)}
.status-layout{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.status-layout strong{font-size:31px}.status-orb{width:72px;height:72px;border-radius:50%;border:1px solid #525653;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(210,167,53,.07),transparent 67%)}.status-orb:before,.status-orb:after,.status-orb span{content:"";position:absolute;border:1px solid #444946;border-radius:50%}.status-orb:before{width:52px;height:52px}.status-orb:after{width:30px;height:30px}.status-orb span:nth-child(1){width:1px;height:68px;border:0;border-left:1px solid #454a47;border-radius:0}.status-orb span:nth-child(2){width:68px;height:1px;border:0;border-top:1px solid #454a47;border-radius:0}.status-orb span:nth-child(3){width:14px;height:14px;background:var(--amber);border:0;box-shadow:0 0 16px rgba(210,167,53,.5)}.status-orb.positive span:nth-child(3){background:var(--green)}.status-orb.negative span:nth-child(3){background:var(--red)}
.data-message{margin-top:14px;border:1px solid #514019;background:#1a1509;color:#dac985;padding:10px 13px;border-radius:8px;font-size:12px}
footer{padding:18px 0 28px;color:#747a77;font-size:10px}.info-strip{display:flex;align-items:center;gap:15px;border:1px solid #2a3030;border-radius:13px;background:linear-gradient(180deg,#0d1112,#090c0d);padding:14px 18px;color:#9b9f9d}.shield{width:29px;height:34px;border:2px solid var(--gold);color:var(--gold2);display:grid;place-items:center;border-radius:9px 9px 12px 12px;font-size:15px;font-weight:900}.info-strip strong{display:block;color:#bca465;font-size:12px;font-weight:600}.info-strip small{display:block;margin-top:4px;font-size:10px;color:#777c79}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #161a19}.footer-bottom nav{display:flex;gap:18px}.footer-bottom a:hover{color:var(--gold)}.sources{text-align:center;margin-top:9px;color:#5d6260;font-size:9px}.visitor-count{color:#8d918f;font-weight:700}
.legal{max-width:860px;margin:0 auto;padding:52px 0 70px}.legal h1{font-size:42px;letter-spacing:-1.5px}.legal h2{margin-top:34px;font-size:20px}.legal p,.legal li{color:#b3b4ae;line-height:1.75}.legal a{color:var(--gold)}.legal .back{display:inline-block;margin-bottom:18px;color:#aaa}
@media(max-width:900px){.chart-ranges{margin:16px 0 12px;width:100%;max-width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.range-btn{padding:8px 12px}.chart-wrap{height:250px}}
@media(max-width:780px){.page-shell{padding:0 16px}.topbar{height:74px}.brand{font-size:30px}.updated{font-size:15px}.hero{height:auto;grid-template-columns:1fr;padding:34px 0 8px}.hero-art{height:250px;justify-content:center;margin-top:6px}.radar{max-width:400px}.gold-price{font-size:52px}.unit{font-size:18px}.symbol{font-size:18px}.chart-card{padding:18px 14px}.metrics{grid-template-columns:1fr}.chart-wrap{height:220px}.footer-bottom{flex-direction:column;gap:10px}.info-strip{align-items:flex-start}.metric-card{min-height:135px}}