:root{--bg:#0b0d12;--panel:#12151d;--panel2:#171b24;--line:#2c313c;--text:#f6f2e8;--muted:#9da3ae;--gold:#f2c14f;--gold2:#ffe39a;--silver:#cbd5e1;--silver2:#f2f6fb;--blue:#75b9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(760px 370px at 14% -120px,rgba(242,193,79,.19),transparent 68%),radial-gradient(730px 340px at 90% 0,rgba(203,213,225,.09),transparent 60%),var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.topbar{width:min(1040px,calc(100% - 32px));margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:18px;letter-spacing:-.4px}.brand small{font-size:8px;letter-spacing:.23em;color:#9a8a5e;margin-top:4px}
.brand-mark{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:linear-gradient(145deg,#ffe293,#d99b22);color:#251a05;font-size:12px;font-weight:950;box-shadow:0 9px 28px rgba(222,167,45,.19)}
.refresh{border:1px solid #3b414e;background:#151922;color:#dce2eb;border-radius:10px;padding:9px 12px;font-weight:800;font-size:11px}.refresh:hover{border-color:#6b7485}.refresh:disabled{opacity:.55;cursor:wait}
main{width:min(1040px,calc(100% - 32px));margin:auto}
.hero{text-align:center;padding:62px 0 32px}.eyebrow,.section-kicker,.network-title{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--gold);text-transform:uppercase}
.hero h1{font-size:clamp(40px,6.7vw,68px);line-height:1.02;letter-spacing:-3px;margin:13px 0 16px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),#fff,var(--silver));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:690px;margin:auto;color:var(--muted);font-size:15px;line-height:1.75}.update-line{margin-top:17px;display:flex;justify-content:center;align-items:center;gap:8px;color:#aeb5c0;font-size:11px}.live-dot{width:8px;height:8px;border-radius:50%;background:#63dda0;box-shadow:0 0 0 5px rgba(99,221,160,.1),0 0 18px rgba(99,221,160,.32)}
.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.metal-card{position:relative;overflow:hidden;padding:25px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#181b22,#111319);box-shadow:0 20px 55px rgba(0,0,0,.27)}
.gold-card:before,.silver-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-150px;pointer-events:none}.gold-card:before{background:rgba(242,193,79,.10)}.silver-card:before{background:rgba(203,213,225,.08)}
.metal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.metal-head>div{display:flex;gap:12px;align-items:center}.metal-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:linear-gradient(145deg,#ffe29a,#c88d1e);color:#2c2008;font-weight:950;font-family:Georgia,serif;font-size:17px}.metal-icon.silver{background:linear-gradient(145deg,#f4f7fb,#9da9b8);color:#202631}.metal-label{font-size:9px;letter-spacing:.17em;color:#c9a954;font-weight:900}.metal-head h2{font-size:18px;margin:3px 0 0;letter-spacing:-.5px}.source-chip{border:1px solid #594a27;color:#d6b958;background:#1c190f;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:900}.silver-chip{border-color:#46505c;color:#cbd5e1;background:#14181d}
.hero-rate{display:flex;align-items:flex-end;gap:5px;margin:28px 0 22px}.hero-rate>span{font-size:22px;color:#dfbe5f;margin-bottom:8px}.hero-rate strong{font-size:clamp(45px,6vw,65px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-2.5px;color:var(--gold2)}.hero-rate small{font-size:11px;color:#8f949d;margin:0 0 9px 3px}.silver-rate strong{color:var(--silver2)}.silver-rate>span{color:#cbd5e1}
.mini-rates{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-rates div{border:1px solid #2c3037;background:#101217;padding:12px;border-radius:11px}.mini-rates span,.mini-rates strong{display:block}.mini-rates span{font-size:9px;color:#828994;text-transform:uppercase;letter-spacing:.06em}.mini-rates strong{font-size:16px;margin-top:3px}.market-usd{font-size:10px;color:#747b86;margin:14px 0 0}
.panel{margin-top:18px;padding:25px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:20px}.panel-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:17px}.panel-head h2{font-size:25px;margin:5px 0 3px;letter-spacing:-.8px}.panel-head p{margin:0;color:var(--muted);font-size:11px}.silver-kicker{color:#c9d2de}.calc-kicker{color:var(--blue)}
.table-wrap{overflow:auto;border:1px solid #2a2f38;border-radius:13px}table{width:100%;border-collapse:collapse;min-width:640px}th,td{text-align:right;padding:14px 15px;border-bottom:1px solid #272b33;font-variant-numeric:tabular-nums}th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}th{font-size:9px;color:#818894;text-transform:uppercase;letter-spacing:.08em;background:#101217}td{font-size:13px;font-weight:750}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1a1d24}td:first-child{color:var(--gold2);font-weight:950}
.silver-purity-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.silver-purity-grid article{padding:18px;border:1px solid #333944;border-radius:13px;background:#11141a}.silver-purity-grid article>span{display:block;color:#aab5c3;font-size:11px;font-weight:900}.silver-purity-grid strong{display:block;margin:6px 0 3px;font-size:26px;color:#f0f4f8}.silver-purity-grid small{color:#7d8691;font-size:10px}
.calc-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.calc-form label{display:flex;flex-direction:column;gap:6px;color:#9da5b1;font-size:10px;font-weight:800}.calc-form input,.calc-form select{width:100%;min-height:45px;border:1px solid #37404d;background:#0e1117;color:#f5f6f8;border-radius:10px;padding:10px;outline:0}.calc-form input:focus,.calc-form select:focus{border-color:#6ca9e6;box-shadow:0 0 0 3px rgba(117,185,255,.12)}
.estimate{margin-top:13px;padding:18px;border:1px solid #32485d;background:#0e1720;border-radius:13px;text-align:center}.estimate span,.estimate strong,.estimate small{display:block}.estimate span{font-size:9px;letter-spacing:.12em;color:#8a9cb1;text-transform:uppercase;font-weight:900}.estimate strong{font-size:35px;margin:5px 0;color:#d9edff}.estimate small{font-size:9px;color:#6f7c8b}
.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.info-strip div{padding:13px;border:1px solid #282d35;border-radius:11px;background:#101218}.info-strip span,.info-strip strong{display:block}.info-strip span{font-size:9px;color:#727985;text-transform:uppercase;letter-spacing:.06em}.info-strip strong{font-size:11px;margin-top:4px;overflow-wrap:anywhere}
.notice{border-left:3px solid #c89732;background:#15130e;padding:16px 18px;border-radius:0 12px 12px 0}.notice strong{font-size:12px;color:#e5c36a}.notice p{margin:4px 0 0;color:#918a78;font-size:10px;line-height:1.6}
.network{margin:26px 0;background:#101218;border:1px solid #282d35;border-radius:15px;padding:18px}.network-title{display:block;color:#747d8a;margin-bottom:10px}.network-links{display:flex;flex-wrap:wrap;gap:7px}.network-links a{padding:8px 10px;border:1px solid #333944;border-radius:999px;color:#c9d0d9;font-size:10px;font-weight:800}.network-links a:hover{border-color:#a5833d;color:#f1d78b}
footer{width:min(1040px,calc(100% - 32px));margin:0 auto;border-top:1px solid #242830;padding:22px 0 34px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#686f79;font-size:9px}
@media(max-width:750px){.hero{padding-top:46px}.market-grid{grid-template-columns:1fr}.calc-form{grid-template-columns:1fr}.info-strip{grid-template-columns:1fr}.hero-rate strong{font-size:52px}}
@media(max-width:460px){.topbar,main,footer{width:calc(100% - 22px)}.hero h1{letter-spacing:-2px}.metal-card,.panel{padding:18px}.mini-rates{grid-template-columns:1fr 1fr}.silver-purity-grid{grid-template-columns:1fr}.hero-rate strong{font-size:44px}}