:root{--bg: #0c0f14;--bg-elev: #141922;--bg-card: #181f2b;--border: #242e3d;--text: #e8edf3;--text-muted: #93a1b4;--gold: #f5c542;--gold-strong: #e3ad1f;--gold-glow: rgba(245, 197, 66, .18);--green: #3ddc97;--red: #ff6b6b;--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{font-family:Cairo,Segoe UI,Tahoma,sans-serif;background:radial-gradient(900px 420px at 85% -10%,rgba(245,197,66,.12),transparent 60%),radial-gradient(700px 400px at 10% -20%,rgba(245,197,66,.06),transparent 55%),var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.container{width:min(1080px,92%);margin-inline:auto}.topbar{border-bottom:1px solid var(--border);background:#0c0f14b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.topbar__inner{display:flex;align-items:center;justify-content:space-between;padding-block:14px}.brand{display:flex;align-items:center;gap:12px}.brand__coin{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe08a,var(--gold-strong) 60%,#8a6a12);box-shadow:0 0 0 4px #f5c54226,0 6px 20px #f5c54240;flex-shrink:0;position:relative}.brand__coin:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:2px dashed rgba(12,15,20,.55)}.brand__title{font-size:1.35rem;font-weight:800}.brand__subtitle{font-size:.82rem;color:var(--text-muted)}.nav{display:flex;gap:6px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:4px}.nav__link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:700;padding:6px 16px;border-radius:999px;transition:color .18s ease,background .18s ease;white-space:nowrap}.nav__link:hover{color:var(--text)}.nav__link--active{background:#f5c54226;color:var(--gold)}.live{display:flex;align-items:center;gap:8px;background:#f5c54214;border:1px solid rgba(245,197,66,.3);color:var(--gold);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:700;white-space:nowrap}.live__dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.refresh-btn{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:999px;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:border-color .18s ease,color .18s ease,transform .18s ease}.refresh-btn:hover{border-color:#f5c54280;color:var(--gold)}.refresh-btn:active{transform:scale(.96)}.refresh-btn--loading .refresh-btn__icon{animation:spin .8s linear infinite}.refresh-btn__icon{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}main{padding-block:28px 40px}.hero{display:grid;grid-template-columns:1fr 260px;gap:16px;margin-bottom:28px}.hero__card{background:linear-gradient(135deg,var(--bg-card),#202a3a);border:1px solid var(--border);border-radius:var(--radius);padding:26px 30px;position:relative;overflow:hidden}.hero__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px 200px at 90% 0%,var(--gold-glow),transparent 60%);pointer-events:none}.hero__label{color:var(--text-muted);font-size:.95rem;font-weight:600}.hero__usd{font-size:2.6rem;font-weight:800;color:var(--gold);margin-block:4px 2px;direction:ltr;text-align:right}.hero__usd-unit{font-size:1.1rem;color:var(--text-muted);font-weight:600}.hero__egp{font-size:1.15rem;font-weight:700;color:var(--green);direction:ltr;text-align:right}.hero__meta{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;display:flex;flex-direction:column;justify-content:center;gap:6px}.hero__meta-title{color:var(--text-muted);font-size:.85rem;font-weight:600}.hero__meta-value{font-size:1.05rem;font-weight:700}.hero__meta-value--muted{color:var(--text-muted);font-size:.9rem;direction:ltr;text-align:right}.hero__egp--big{font-size:2.4rem}.hero__hint{color:var(--text-muted);font-size:.85rem;margin-top:2px}.currencies{margin-bottom:28px}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;overflow-x:auto}.rates-table{width:100%;border-collapse:collapse}.rates-table th,.rates-table td{padding:14px 22px;text-align:right}.rates-table thead th{background:var(--bg-elev);color:var(--text-muted);font-size:.85rem;font-weight:700;border-bottom:1px solid var(--border)}.rates-table tbody tr{border-bottom:1px solid rgba(36,46,61,.6);transition:background .15s ease}.rates-table tbody tr:last-child{border-bottom:none}.rates-table tbody tr:hover{background:#f5c5420d}.rates-table__name{font-weight:700}.rates-table__code{display:inline-block;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-muted);font-size:.78rem;font-weight:700;padding:2px 10px;border-radius:999px;direction:ltr}.rates-table__value{font-weight:800;color:var(--gold);direction:ltr;text-align:right;font-size:1.05rem}.table-note{margin-top:12px;color:var(--red);text-align:center}.section-title{font-size:1.2rem;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:6px;height:22px;border-radius:3px;background:var(--gold)}.karats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.karat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:transform .18s ease,border-color .18s ease}.karat-card:hover{transform:translateY(-3px);border-color:#f5c54273}.karat-card--featured{border-color:#f5c54280;background:linear-gradient(180deg,#1b232f,var(--bg-card))}.karat-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.karat-card__badge{font-weight:800;font-size:1.05rem}.karat-card__purity{font-size:.75rem;color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);padding:2px 10px;border-radius:999px}.karat-card__price{direction:ltr;text-align:right;font-weight:800;font-size:1.9rem;color:var(--gold)}.karat-card__unit{font-size:1rem;color:var(--text-muted);font-weight:600}.karat-card__hint{font-size:.82rem;color:var(--text-muted);margin-top:4px}.chart-section{margin-bottom:28px}.chart-section__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.chart-section__range{font-size:.82rem;color:var(--text-muted)}.chart-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;height:380px;position:relative}.chart-box canvas{max-height:100%}.footer{border-top:1px solid var(--border);padding-top:20px;color:var(--text-muted);font-size:.85rem;text-align:center}.footer__meta{margin-top:6px;font-size:.78rem}@media (max-width: 820px){.hero,.karats__grid{grid-template-columns:1fr}.hero__usd{font-size:2rem}.chart-box{height:300px}.topbar__inner{flex-wrap:wrap;gap:10px}.live{order:3}.refresh-btn{order:4}}