:root{--bg: #0a0f1a;--bg-elevated: #0e1526;--card: #111a2e;--card-hover: #15203a;--border: #1e293b;--border-strong: #2a3a52;--text: #e8eaed;--text-strong: #f8fafc;--muted: #7c8ba3;--muted-strong: #a0aec0;--accent: #f59e0b;--accent-dim: #f59e0b33;--green: #4ade80;--green-dim: #4ade8033;--red: #f87171;--red-dim: #f8717133;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.4);--radius: 12px;--radius-sm: 8px;--transition: .16s ease;--transition-slow: .28s ease}@media(prefers-reduced-motion:reduce){:root{--transition: 0ms;--transition-slow: 0ms}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Noto Nastaliq Urdu,system-ui,serif;background:var(--bg);color:var(--text);line-height:1.9;font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:980px;margin:0 auto;padding:0 16px}.site-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:saturate(180%) blur(8px);transition:box-shadow var(--transition),border-color var(--transition)}.site-header.scrolled{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-wrap:wrap;gap:8px}.logo{font-size:22px;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:-.02em}nav a{color:var(--muted);text-decoration:none;margin-inline-start:18px;font-size:15px;font-weight:500;padding:6px 0;position:relative;transition:color var(--transition)}nav a:after{content:"";position:absolute;bottom:0;inset-inline:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform var(--transition)}nav a:hover{color:var(--accent)}nav a:hover:after{transform:scaleX(1);transform-origin:left}nav a.active{color:var(--accent)}nav a.active:after{transform:scaleX(1)}main{min-height:60vh;padding:28px 16px 48px}.site-footer{border-top:1px solid var(--border);padding:32px 0;font-size:13px;color:var(--muted);text-align:center;background:var(--bg-elevated)}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{text-decoration:underline}h1{font-size:clamp(26px,4vw,34px);margin-bottom:12px;color:var(--accent);font-weight:700;letter-spacing:-.01em}h2{font-size:clamp(20px,3vw,24px);margin:28px 0 12px;font-weight:600}h3{font-size:clamp(17px,2.5vw,20px);margin:20px 0 8px;font-weight:600}p{margin-bottom:12px}a{color:var(--accent);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.8}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition),background var(--transition)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card:active{transform:scale(.995)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.price-card{text-align:center;padding:16px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.price-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-sm);transform:translateY(-2px)}.price-card .sym{font-size:14px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.price-card .usd{font-size:26px;font-weight:700;color:var(--text-strong);margin:4px 0;font-variant-numeric:tabular-nums}.price-card .pkr{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.price-card .change{font-size:13px;font-weight:600;margin-top:6px}.up{color:var(--green)}.down{color:var(--red)}table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:right}th{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--accent-dim)}button,.btn{background:var(--accent);color:#0b1120;border:none;border-radius:var(--radius-sm);padding:12px 22px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background var(--transition),transform var(--transition),box-shadow var(--transition),opacity var(--transition);box-shadow:var(--shadow-sm)}button:hover,.btn:hover{background:#ffb300}button:active,.btn:active{transform:scale(.97);box-shadow:none}button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-elevated);color:var(--accent);border:1px solid var(--accent);box-shadow:none}.btn-secondary:hover{background:var(--accent-dim)}.btn-ghost{background:transparent;color:var(--muted-strong);border:1px solid var(--border);box-shadow:none}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text);border-color:var(--border-strong)}input,select,textarea{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:inherit;font-size:16px;margin:6px 0 14px;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background:var(--bg-elevated)}input::placeholder{color:var(--muted)}label{display:block;font-size:13px;font-weight:500;color:var(--muted-strong);margin-bottom:4px}.badge{display:inline-flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:99px;padding:3px 12px;font-size:12px;font-weight:500;color:var(--muted);margin-inline-end:6px;margin-bottom:6px;transition:border-color var(--transition),background var(--transition)}.badge:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.badge-accent{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.badge-green{background:var(--green-dim);color:var(--green);border-color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red);border-color:var(--red)}.article-body img{max-width:100%;border-radius:10px;margin:16px 0}.article-body blockquote{border-inline-start:3px solid var(--accent);padding-inline-start:16px;color:var(--muted);margin:16px 0;font-style:italic}.article-body ul,.article-body ol{padding-inline-start:24px;margin-bottom:12px}.article-body li{margin-bottom:6px}.article-body code{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-size:.9em}.article-body pre{background:#0a0f1a;border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow-x:auto;margin:16px 0}.article-body pre code{background:none;padding:0}.fade-in{animation:fadeIn var(--transition-slow) ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stagger-in>*{opacity:0;animation:fadeIn var(--transition-slow) ease forwards}.stagger-in>*:nth-child(1){animation-delay:40ms}.stagger-in>*:nth-child(2){animation-delay:80ms}.stagger-in>*:nth-child(3){animation-delay:.12s}.stagger-in>*:nth-child(4){animation-delay:.16s}.stagger-in>*:nth-child(5){animation-delay:.2s}.count-up{transition:opacity var(--transition)}.count-up.updating{opacity:.6}.search-box{margin-bottom:18px;position:relative}.search-box input{padding-inline-end:44px}.search-box .clear-btn{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);font-size:18px;line-height:1;padding:6px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--transition),color var(--transition)}.search-box.has-value .clear-btn{opacity:1;pointer-events:auto}.search-box .clear-btn:hover{color:var(--accent)}.loading-skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--border) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero{text-align:center;padding:24px 0 12px}.hero h1{margin-bottom:10px}.hero p{color:var(--muted);font-size:clamp(16px,2.5vw,19px);max-width:60ch;margin:0 auto}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.section-head h2{margin:0}.section-link{font-size:14px;font-weight:500}.ruling{transition:border-color var(--transition),box-shadow var(--transition)}.ruling:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}@media(max-width:640px){.header-inner{flex-direction:column;align-items:stretch}nav{display:flex;justify-content:center;flex-wrap:wrap}nav a{margin:0 10px;padding:8px 4px}.hero{padding:16px 0 8px}main{padding:20px 12px 36px}.card{padding:16px}.price-card .usd{font-size:22px}h1{font-size:24px}h2{font-size:20px}}.ticker{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);margin-bottom:16px}.ticker:before,.ticker:after{content:"";position:absolute;top:0;bottom:0;width:36px;z-index:1;pointer-events:none}.ticker:before{left:0;background:linear-gradient(90deg,var(--bg-elevated),transparent)}.ticker:after{right:0;background:linear-gradient(270deg,var(--bg-elevated),transparent)}.ticker-track{display:flex;width:max-content;gap:36px;padding:9px 16px;animation:tickerScroll 38s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tk{display:inline-flex;align-items:center;gap:7px;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.tk .s{color:var(--muted-strong);font-weight:700}.tk .p{color:var(--text-strong);font-weight:500}.price-card.flash-up{animation:flashUp .9s ease}.price-card.flash-down{animation:flashDown .9s ease}@keyframes flashUp{0%{background:var(--green-dim);border-color:var(--green)}to{background:var(--bg-elevated)}}@keyframes flashDown{0%{background:var(--red-dim);border-color:var(--red)}to{background:var(--bg-elevated)}}.fg-title{font-size:16px;margin:0 0 10px}.fg-track{position:relative;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--accent),var(--green));overflow:hidden}.fg-cover{position:absolute;top:0;bottom:0;right:0;width:100%;background:var(--bg-elevated);transition:width 1.1s cubic-bezier(.22,1,.36,1)}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}.js .reveal.in{opacity:1;transform:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);border-radius:99px;padding:4px 16px;font-size:13px;font-weight:600;margin-bottom:16px}.hero h1{background:linear-gradient(120deg,var(--accent) 20%,#fde68a 50%,#f97316 80%);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content;margin-inline:auto}.ad-slot{margin:16px 0;display:flex;align-items:center;justify-content:center}.ad-slot.filled{min-height:90px}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.js .reveal{opacity:1;transform:none}.price-card.flash-up,.price-card.flash-down{animation:none}.fg-cover{transition:none}}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.kpi-pair{display:contents}.kpi-card{position:relative;background:linear-gradient(180deg,#ffffff09,#fff0 55%),var(--card);border:1px solid var(--border);border-radius:16px;padding:18px 20px;overflow:hidden;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.kpi-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.kpi-card.flash-up:after{animation:kpiUp .9s ease}.kpi-card.flash-down:after{animation:kpiDown .9s ease}@keyframes kpiUp{0%{background:var(--green-dim)}to{background:transparent}}@keyframes kpiDown{0%{background:var(--red-dim)}to{background:transparent}}.kpi-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.coin-ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex:none}.coin-ic.btc{background:var(--accent-dim);color:var(--accent)}.coin-ic.eth{background:#6366f133;color:#a5b4fc}.kpi-name{font-size:14px;color:var(--muted-strong);font-weight:600;line-height:1.5}.kpi-sym{font-size:11px;color:var(--muted);direction:ltr;text-align:start}.kpi-usd{font-size:clamp(24px,3.5vw,30px);font-weight:800;color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.4}.kpi-pkr{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;direction:ltr;text-align:start}.delta-pill{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:700;margin-top:10px;font-variant-numeric:tabular-nums}.delta-pill.up{background:var(--green-dim);color:var(--green)}.delta-pill.down{background:var(--red-dim);color:var(--red)}.fg-card{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;padding:18px 20px 14px}.fg-svg{width:min(300px,82%);height:auto;overflow:visible}.fg-bg{fill:none;stroke:var(--border);stroke-width:14;stroke-linecap:round}.fg-prog{fill:none;stroke:var(--accent);stroke-width:14;stroke-linecap:round;stroke-dasharray:251.4;stroke-dashoffset:251.4;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1),stroke .4s ease}.fg-needle{stroke:var(--text-strong);stroke-width:3;stroke-linecap:round;transform-origin:100px 100px;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.fg-hub{fill:var(--text-strong)}.fg-label{text-align:center;margin-top:2px}.fg-value{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.6}.fg-name{font-size:14px;color:var(--muted-strong)}.mv-list{margin-top:6px}.mv-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px 13px;border-bottom:1px solid var(--border);overflow:hidden}.mv-row:last-child{border-bottom:none}.mv-bar{position:absolute;inset-inline-start:0;bottom:0;height:3px;border-radius:99px;background:var(--green);opacity:.85;transition:width .8s ease}.mv-bar.down{background:var(--red)}.mv-left{display:flex;align-items:center;gap:10px;min-width:0}.mv-sym{width:36px;height:36px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--muted-strong);flex:none}.mv-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mv-right{text-align:left;direction:ltr;flex:none}.mv-price{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.mv-chg{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.conv-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:start}.swap-btn{width:48px;height:48px;border-radius:50%;margin-top:36px;padding:0;font-size:19px;background:var(--bg-elevated);color:var(--accent);border:1px solid var(--accent);box-shadow:none;transition:transform .45s cubic-bezier(.22,1,.36,1),background var(--transition)}.swap-btn:hover{background:var(--accent-dim)}.swap-btn.spun{transform:rotate(180deg)}.conv-result{font-size:clamp(22px,3vw,28px);font-weight:800;color:var(--accent);min-height:46px;font-variant-numeric:tabular-nums;direction:ltr;text-align:left;line-height:1.6}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.telegram-cta{border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,rgba(42,171,238,.35),var(--accent)) border-box}@media(max-width:640px){.kpi-grid,.conv-wrap{grid-template-columns:1fr}.swap-btn{margin:0 auto;transform:rotate(90deg)}.swap-btn.spun{transform:rotate(270deg)}.conv-result{text-align:right}}@media(prefers-reduced-motion:reduce){.fg-prog,.fg-needle,.mv-bar,.swap-btn{transition:none}.kpi-card.flash-up:after,.kpi-card.flash-down:after{animation:none}}
