:root{--black:#0b0b0b;--ink:#151515;--muted:#737373;--gold:#f6c90e;--gold-soft:#fff7d1;--line:#e8e5dc;--paper:#fbfaf6;--green:#218957;--red:#b44b4b;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic','Cairo',sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 44px));margin:auto}.topline{background:var(--black);color:#c9c9c9;font-size:12px}.topcontent{height:32px;display:flex;justify-content:space-between;align-items:center}.site-header{background:var(--black);color:#fff;border-top:1px solid #202020}.header-inner{height:86px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:53px;height:53px;border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 0 0 2px var(--gold)}.brand strong{display:block;font-size:21px;line-height:1;color:var(--gold);font-weight:800}.brand small{display:block;font-size:10px;color:#d9d9d9;margin-top:5px}.nav{display:flex;gap:30px;margin-right:auto;color:#cfcfcf;font-size:14px}.nav a{transition:.2s}.nav a:hover{color:var(--gold)}.outline-btn,.gold-btn{border:1px solid var(--gold);background:transparent;color:var(--gold);padding:11px 17px;border-radius:7px;font-family:inherit;font-weight:600;cursor:pointer}.outline-btn span{font-size:18px;margin-right:6px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:23px}.hero{background:var(--black);color:#fff;padding:56px 0 90px;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1fr .84fr;gap:80px;align-items:center}.eyebrow{color:#9a8b37;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;margin:0 0 12px}.hero .eyebrow{color:var(--gold)}.live-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-left:7px;box-shadow:0 0 0 4px #f6c90e24}.hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.16;letter-spacing:-.05em;margin:0 0 23px;font-weight:800}.hero h1 em,.about-section em{font-style:normal;color:var(--gold)}.hero-text{max-width:510px;color:#b8b8b8;font-size:16px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:23px}.gold-btn{background:var(--gold);color:var(--black);border-color:var(--gold);padding:13px 23px}.gold-btn span{margin-right:10px;font-size:20px}.text-link{font-size:13px;color:#d4d4d4;border-bottom:1px solid #686868;padding-bottom:4px}.trust-row{display:flex;gap:42px;margin-top:57px}.trust-row b{display:block;font-size:22px;color:var(--gold)}.trust-row span{font-size:11px;color:#858585}.hero-card{height:375px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border:1px solid #363632;border-radius:50%}.orb-one{width:390px;height:390px}.orb-two{width:290px;height:290px;border-color:#514d2b}.rate-highlight{z-index:2;width:min(360px,100%);background:#171715;border:1px solid #34342e;border-radius:16px;padding:25px;box-shadow:0 25px 70px #000b}.card-label{font-size:11px;color:#ababab;margin-bottom:25px}.pulse{display:inline-block;width:6px;height:6px;background:#55c888;border-radius:50%;margin-left:7px}.pair{display:flex;align-items:center;gap:12px}.coin-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--black);font-weight:800;font-size:21px}.pair b{font-size:14px;display:block}.pair small{font-size:10px;color:#888}.pair strong{margin-right:auto;font-size:31px;color:var(--gold)}.mini-chart{height:100px;margin:20px -5px 6px}.mini-chart svg{width:100%;height:100%}.mini-chart .line{fill:none;stroke:var(--gold);stroke-width:3}.mini-chart .fill{fill:url(#chartFill)}.highlight-footer{display:flex;justify-content:space-between;color:#777;font-size:10px}.positive{color:#55c888}.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section h2,.converter-copy h2,.about-section h2{font-size:38px;letter-spacing:-.04em;line-height:1.2;margin:0 0 8px}.muted{color:var(--muted);font-size:14px;margin:0}.status-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:8px;font-size:11px;color:#757575}.status-box .live-dot{background:#55c888;box-shadow:none}.status-box button{border:0;background:none;color:#555;font-size:19px;cursor:pointer}.rates-layout{display:grid;grid-template-columns:1fr 270px;gap:20px}.table-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-toolbar{padding:19px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:0 11px;min-width:190px}.search span{font-size:22px;color:#aaa}.search input{border:0;outline:0;font:inherit;font-size:12px;width:100%;padding:9px 0}.filter-tabs{display:flex;gap:5px}.filter-tabs button{border:0;background:transparent;padding:7px 12px;color:#888;font-family:inherit;font-size:12px;border-radius:5px;cursor:pointer}.filter-tabs button.active{background:var(--black);color:var(--gold)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:660px}th{background:#fbfbf9;color:#888;font-size:11px;font-weight:500;text-align:right;padding:14px 20px}td{padding:15px 20px;border-top:1px solid #f0eee9;font-size:13px}td:first-child{font-weight:700}.currency-name{display:flex;gap:10px;align-items:center}.currency-symbol{display:grid;place-items:center;width:28px;height:28px;background:#f2f1ec;border-radius:50%;font-size:11px;font-weight:700}.code{color:#999;font-size:12px}.change{font-size:11px}.change.up{color:var(--green)}.change.down{color:var(--red)}.star{color:#bbb;cursor:pointer;font-size:18px}.star.active{color:var(--gold)}.table-foot{border-top:1px solid var(--line);padding:14px 20px;color:#999;font-size:10px;display:flex;justify-content:space-between}.table-foot a{color:#8d7511;font-weight:700}.side-note{background:var(--black);color:#fff;border-radius:var(--radius);padding:27px;min-height:310px;position:relative;overflow:hidden}.side-note:after{content:'$';position:absolute;font-size:170px;line-height:1;color:#222;left:-14px;bottom:-36px;font-weight:800}.gold-mark{color:var(--gold);font-size:28px}.side-note h3{font-size:25px;line-height:1.25;margin:25px 0 14px;position:relative;z-index:1}.side-note p{color:#aaa;font-size:12px;position:relative;z-index:1}.side-line{height:1px;background:#37372f;margin:27px 0 12px;position:relative;z-index:1}.side-note>span{color:var(--gold);font-size:10px;position:relative;z-index:1}.converter-section{background:#f2f0e9}.converter-grid{display:grid;grid-template-columns:.7fr 1fr;gap:100px;align-items:center}.feature-list{margin-top:38px}.feature-list>div{display:flex;gap:15px;align-items:center;margin:18px 0}.feature-list span{color:#b39d25;font-size:11px}.feature-list b,.feature-list small{display:block}.feature-list b{font-size:13px}.feature-list small{font-size:11px;color:#888}.converter-card{background:#fff;padding:29px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 15px 35px #3f38220a;position:relative}.input-group label{font-size:11px;color:#777;display:block;margin-bottom:7px}.money-input{border:1px solid #dedbd1;border-radius:9px;display:flex;align-items:center;overflow:hidden}.money-input:focus-within{border-color:#cbb136;box-shadow:0 0 0 3px #f6c90e22}.money-input input{border:0;outline:0;font:inherit;font-size:23px;font-weight:700;padding:13px 14px;width:100%;background:transparent;direction:ltr}.money-input select{border:0;border-right:1px solid #e5e3dc;background:#faf9f5;padding:0 12px;align-self:stretch;font:inherit;font-size:12px;font-weight:700;outline:0;direction:ltr}.swap-btn{display:block;margin:12px auto -4px;border:1px solid #ddd7bc;background:var(--gold-soft);color:#8d7511;width:35px;height:35px;border-radius:50%;font-size:19px;cursor:pointer;position:relative;z-index:1}.conversion-note{margin-top:19px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:#999}.conversion-note b{color:#8d7511}.about-section{background:var(--gold);padding:75px 0}.about-section .eyebrow{color:#7d6700}.about-section h2{font-size:45px}.about-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.about-points>div{border-right:1px solid #d9b305;padding-right:17px}.about-points span{font-size:22px}.about-points b,.about-points small{display:block}.about-points b{font-size:14px;margin:17px 0 5px}.about-points small{font-size:11px;color:#6e5c13}footer{background:var(--black);color:#aaa;padding:26px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand img{width:39px;height:39px}.footer-brand strong{font-size:17px}.footer-inner p,.footer-inner>a{font-size:10px}.footer-inner>a{color:var(--gold)}.toast{position:fixed;left:25px;bottom:25px;background:var(--black);color:#fff;border-right:3px solid var(--gold);padding:12px 18px;border-radius:7px;font-size:12px;transform:translateY(100px);opacity:0;transition:.3s;z-index:10}.toast.show{transform:translateY(0);opacity:1}@media(max-width:850px){.nav{gap:15px}.hero-grid{gap:20px}.converter-grid{gap:45px}.about-inner{gap:40px}}@media(max-width:680px){.container{width:min(100% - 28px,1160px)}.topcontent{font-size:9px}.header-inner{height:74px;gap:12px}.brand img{width:43px;height:43px}.brand strong{font-size:17px}.nav,.outline-btn{display:none}.menu-toggle{display:block;margin-right:auto}.hero{padding:43px 0 55px}.hero-grid{grid-template-columns:1fr}.hero-card{height:300px;margin-top:20px}.orb-one{width:300px;height:300px}.orb-two{width:220px;height:220px}.hero h1{font-size:44px}.hero-text{font-size:14px}.trust-row{gap:22px;margin-top:35px}.section{padding:65px 0}.section-head{display:block}.status-box{margin-top:20px;width:max-content}.rates-layout{grid-template-columns:1fr}.side-note{min-height:230px}.table-toolbar{display:block}.filter-tabs{margin-top:12px}.table-foot{gap:12px;align-items:end}.converter-grid,.about-inner{grid-template-columns:1fr}.converter-grid{gap:40px}.about-points{grid-template-columns:1fr;gap:16px}.about-points>div{border-right:0;border-bottom:1px solid #d9b305;padding:0 0 13px}.about-section h2{font-size:38px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%;margin:0}}