*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --red:#d4450c;--red-d:#b5360a;--red-l:#fff5f7;--red-b:#ffd6dc;
  --green:#0a7c4c;--green-l:#f0faf5;
  --bd:#eaeae6;--bg:#f7f7f4;--tx:#111;--mu:#666;
  --r:12px;--sh:0 1px 3px rgba(0,0,0,.07),0 4px 14px rgba(0,0,0,.04)
}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--tx);font-size:15px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* HDR */
.hdr{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:200;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.hdr-in{max-width:1160px;margin:0 auto;padding:0 14px;display:flex;align-items:center;height:52px;gap:8px}
.logo{font-size:17px;font-weight:800;color:var(--red);letter-spacing:-.5px;flex:1;display:flex;align-items:center;justify-content:center;gap:0}
@media(min-width:700px){.logo{flex:0;justify-content:flex-start;font-size:18px}}
.logo-ic{width:26px;height:26px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-right:6px}
@media(min-width:700px){.logo-ic{width:28px;height:28px;font-size:14px;margin-right:7px}}
.logo em{color:var(--tx);font-style:normal}
.hdr-nav{display:none;gap:2px;flex:1}
@media(min-width:700px){.hdr-nav{display:flex}}
.hdr-nav a{font-size:13px;font-weight:500;color:var(--mu);padding:6px 11px;border-radius:7px;white-space:nowrap;transition:.15s}
.hdr-nav a:hover,.hdr-nav a.active{color:var(--red);background:var(--red-l)}
.hdr-r{display:flex;align-items:center;gap:7px;flex-shrink:0}
@media(min-width:700px){.hdr-r{margin-left:auto}}
.live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;display:none}
@media(min-width:700px){.live-dot{display:block}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hdr-date{font-size:11px;color:#999;background:var(--bg);padding:4px 9px;border-radius:20px;border:1px solid var(--bd);display:none;white-space:nowrap}
@media(min-width:560px){.hdr-date{display:block}}
.btn-in{font-size:12px;padding:6px 11px;border:1.5px solid var(--bd);border-radius:8px;background:#fff;color:var(--tx);font-weight:500;transition:.15s;white-space:nowrap;display:none}
@media(min-width:440px){.btn-in{display:block}}
.btn-in:hover{border-color:var(--red);color:var(--red)}
.btn-rg{font-size:12px;padding:6px 12px;border-radius:8px;background:var(--red);color:#fff;font-weight:700;transition:.15s;white-space:nowrap;border:none}
.btn-rg:hover{background:var(--red-d)}
.ham{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px;transition:.15s;flex-shrink:0}
@media(min-width:700px){.ham{display:none}}
.ham span{display:block;width:20px;height:2px;background:var(--tx);border-radius:2px;transition:.25s}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.u-chip{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;background:var(--bg);border:1.5px solid var(--bd);border-radius:999px;cursor:pointer;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.u-chip:hover{border-color:var(--red)}
.u-chip:active{transform:scale(.96)}
.u-av{width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-name{font-size:13px;font-weight:600;display:block;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-dd{position:absolute;right:16px;top:62px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.u-dd.open{display:block}
.u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.ud-n{font-size:14px;font-weight:700}
.ud-e{font-size:11px;color:#999;margin-top:2px}
.u-dd a,.u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500}
.u-dd a:hover,.u-dd button:hover{background:var(--bg)}
.uds{border:none;border-top:1px solid var(--bd);margin:4px 0}

/* DRAWER */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:400;opacity:0;pointer-events:none;transition:.25s}
.dov.open{opacity:1;pointer-events:all}
.drw{position:fixed;top:0;left:0;bottom:0;width:285px;background:#fff;z-index:401;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
.drw.open{transform:translateX(0)}
.drw-h{background:var(--red);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.drw-logo{font-size:17px;font-weight:800;color:#fff}
.drw-logo em{color:rgba(255,255,255,.6);font-style:normal}
.drw-x{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}
.drw-date{padding:9px 18px;font-size:11px;color:#999;background:var(--bg);border-bottom:1px solid var(--bd)}
.drw-sec{padding:5px 0}
.drw-st{font-size:10px;font-weight:700;color:#bbb;letter-spacing:1px;text-transform:uppercase;padding:8px 18px 2px}
.di{display:flex;align-items:center;gap:11px;padding:12px 18px;font-size:14px;color:var(--tx);font-weight:500;cursor:pointer;transition:.15s;border:none;background:none;width:100%;text-align:left}
.di:active{background:var(--bg)}
.di.active{color:var(--red);background:var(--red-l)}
.di-ic{font-size:17px;width:22px;text-align:center;flex-shrink:0}
.di-ar{margin-left:auto;color:#ccc;font-size:11px}
.dsep{border:none;border-top:1px solid var(--bd);margin:5px 0}
.drw-uc{margin:8px 12px;padding:12px 14px;background:var(--red-l);border:1px solid var(--red-b);border-radius:10px}
.drw-un{font-size:14px;font-weight:700}
.drw-ue{font-size:11px;color:#999;margin-top:1px}
.drw-ft{padding:14px 18px;border-top:1px solid var(--bd);margin-top:auto;font-size:11px;color:#bbb;line-height:1.5}

/* HERO */
.hero{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);padding:16px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M20 20h4v4h-4zm-8-8h4v4h-4zm16 0h4v4h-4zm-8 16h4v4h-4z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-in{max-width:1160px;margin:0 auto;position:relative}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:4px}
.hero-lbl{font-size:12px;color:rgba(255,255,255,.7);font-weight:500;display:flex;align-items:center;gap:5px}
.hero-upd{font-size:11px;color:rgba(255,255,255,.5)}
.hero-cards{display:flex;flex-wrap:wrap;gap:10px}
.hc{flex:1 1 140px;min-width:120px}
@media(min-width:560px){.hc{flex:1 1 130px}}
.hc{flex:1 0 140px;min-width:130px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.2s}
.hc:hover{background:rgba(255,255,255,.2)}
/* FLAGS — flag-icons SVG (funcționează pe Windows/Chrome) */
.fi{display:inline-block;width:1.33em;height:1em;background-size:contain;background-position:50%;background-repeat:no-repeat;vertical-align:middle;border-radius:2px}
.flag-wrap{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:3px;overflow:hidden;flex-shrink:0}
.flag-wrap .fi{width:100%;height:100%}
.hc-fl .fi,.rc-fl .fi{width:26px;height:18px;border-radius:2px}
/* CUSTOM SELECT CONVERTOR */
.csel-wrap{position:relative;width:100%}
.csel{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1.5px solid var(--bd);border-radius:10px;cursor:pointer;background:#fff;transition:.15s;user-select:none;min-height:46px}
.csel:hover{border-color:var(--red)}
.csel.open{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.1)}
.csel-flag{width:22px;height:16px;flex-shrink:0;display:flex;align-items:center}
.csel-flag .fi{width:22px;height:15px;border-radius:2px}
.csel-code{font-weight:700;font-size:14px;color:var(--tx);flex-shrink:0}
.csel-name{font-size:12px;color:#888;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.csel-name{display:none}}
.csel-arr{color:#aaa;font-size:11px;flex-shrink:0;transition:.2s}
.csel.open .csel-arr{transform:rotate(180deg)}
.csel-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid var(--bd);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);z-index:200;display:none;overflow:hidden}
.csel-drop.open{display:block}
.csel-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--bd);font-size:16px;outline:none;font-family:inherit;box-sizing:border-box}
.csel-list{max-height:240px;overflow-y:auto}
.csel-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;transition:.1s;font-size:13px}
.csel-item:hover{background:var(--bg)}
.csel-item.selected{background:rgba(212,69,12,.08);color:var(--red)}
.csel-item .fi{width:20px;height:14px;border-radius:2px;flex-shrink:0}
.csel-item-code{font-weight:700;min-width:36px;font-size:13px}
.csel-item-name{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-cd{font-size:11px;color:rgba(255,255,255,.65);letter-spacing:1.5px;font-weight:700;margin-bottom:3px}
.hc-vl{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.hc-ch{font-size:12px;margin-top:6px;font-weight:700;letter-spacing:.2px}
.hc-ch.up{color:#86efac}.hc-ch.dn{color:#fca5a5}.hc-ch.fl{color:rgba(255,255,255,.8)}

/* AD */
.ad-w{max-width:1160px;margin:12px auto;padding:0 16px}
.ad-b{min-height:88px;border:1.5px dashed #d5d5cf;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ccc;background:#fff;letter-spacing:.5px}

/* LAYOUT */
.pw{max-width:1160px;margin:0 auto;padding:0 14px 80px}
@media(min-width:900px){.pw{display:grid;grid-template-columns:1fr 310px;gap:22px;padding-bottom:40px}}
.st{font-size:11px;font-weight:700;color:#aaa;letter-spacing:.6px;text-transform:uppercase;margin:18px 0 10px;display:flex;align-items:center;gap:7px}
.st::before{content:'';display:block;width:3px;height:14px;background:var(--red);border-radius:2px}
.st .stl{margin-left:auto;font-size:12px;font-weight:600;color:var(--red);letter-spacing:0;text-transform:none;cursor:pointer}

/* STATUS BAR */
.status-bar{background:#fff;border:1px solid var(--bd);border-radius:9px;padding:8px 12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:11px}
.sb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.sb-dot.ok{background:#22c55e}
.sb-dot.warn{background:#f59e0b}
.sb-dot.err{background:var(--red)}
.sb-text{color:var(--mu);flex:1;font-size:11px}
.sb-date{font-size:10px;color:#999;font-weight:600;white-space:nowrap}

/* RATE CARDS */
.rg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px}
@media(min-width:600px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:800px){.rg{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1080px){.rg{grid-template-columns:repeat(4,1fr)}}
.rc{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:14px;cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.rc::after{content:'📈 Clic pentru grafic';position:absolute;bottom:0;left:0;right:0;background:rgba(185,28,28,.85);color:#fff;font-size:10px;font-weight:700;text-align:center;padding:4px;opacity:0;transition:.2s;letter-spacing:.03em}
.rc:hover::after{opacity:1}
.rc:hover{border-color:var(--red);box-shadow:0 4px 16px rgba(185,28,28,.15);transform:translateY(-2px)}
.rc:hover{box-shadow:var(--sh);border-color:#bbb}
.rc.act{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.rc-fl{font-size:26px;margin-bottom:6px;line-height:1}
.rc-cd{font-size:12px;font-weight:700;letter-spacing:1px;color:#aaa;margin-bottom:2px}
.rc-nm{font-size:12px;color:#bbb;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-vl{font-size:22px;font-weight:800;color:var(--tx);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.rc-sb{font-size:10px;color:#ccc;margin-top:3px}
.rc-ch{font-size:11px;margin-top:8px;font-weight:600;display:flex;align-items:center;gap:2px}
.rc-ch.up{color:var(--green)}.rc-ch.dn{color:var(--red)}.rc-ch.fl{color:#aaa}
.fb{position:absolute;top:10px;right:10px;font-size:16px;padding:3px;line-height:1;opacity:0;transition:.15s}
.rc:hover .fb,.fb.on{opacity:1}
.fb.on{color:#f59e0b}
@media(hover:none){.fb{opacity:.5}}

/* CONVERTOR */
.cv{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:8px;box-shadow:var(--sh)}
.cv-h{font-size:16px;font-weight:700;margin-bottom:14px}
.cv-a label,.cv-f label{font-size:11px;font-weight:700;color:#aaa;display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.cv-a{margin-bottom:12px}
.cv-a input{width:100%;padding:14px 16px;border:1.5px solid var(--bd);border-radius:11px;font-size:24px;font-weight:800;outline:none;transition:.15s;color:var(--tx);font-variant-numeric:tabular-nums}
.cv-a input:focus{border-color:var(--red)}
.cv-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-bottom:12px}
.cv-f select{width:100%;padding:12px 10px;border:1.5px solid var(--bd);border-radius:11px;font-size:14px;font-weight:600;outline:none;background:#fff;color:var(--tx);transition:.15s;font-family:inherit}
.cv-f select:focus{border-color:var(--red)}
.sw{width:44px;height:44px;border-radius:11px;border:1.5px solid var(--bd);background:var(--bg);color:#888;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.15s;align-self:end;flex-shrink:0}
.sw:hover{border-color:var(--red);color:var(--red)}
.cv-res{background:var(--red-l);border:1.5px solid var(--red-b);border-radius:11px;padding:16px 18px}
.cr-lbl{font-size:11px;color:#999;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}
.cr-vl{font-size:28px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.cr-rt{font-size:12px;color:#aaa;margin-top:5px}
.cv-note{font-size:12px;color:#aaa;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}

/* CHART */
.ch-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.ch-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.ch-hd h3{font-size:14px;font-weight:700}
.ch-tabs{display:flex;gap:4px}
.ct{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s}
.ct.act{background:var(--red);border-color:var(--red);color:#fff}
.ch-a{height:195px;position:relative}
@media(min-width:600px){.ch-a{height:215px}}
.ch-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}
.cst-l{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.cst-v{font-size:13px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.cst-v.up{color:var(--green)}.cst-v.dn{color:var(--red)}

/* TABLE */
.tb-o{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.tb-top{padding:12px 14px;border-bottom:1px solid var(--bd)}
.tb-search{width:100%;padding:9px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:13px;outline:none;font-family:inherit;transition:.15s}
.tb-search:focus{border-color:var(--red)}
.tb-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}
thead{background:var(--bg)}
th{padding:9px 12px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
tr:last-child td{border:none}
tr:hover td{background:#faf9f7}
.td-fl{font-size:18px;width:36px;text-align:center}
.td-vl{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.td-ch{font-weight:700;font-size:11px}
.td-ch.up{color:var(--green)}.td-ch.dn{color:var(--red)}

/* BANKS */
.bk-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.bk-h{padding:14px 16px;border-bottom:1px solid var(--bd)}
.bk-h h3{font-size:14px;font-weight:700}
.bk-note{font-size:11px;color:#aaa;margin-top:2px}
.bk-filt{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--bd);overflow-x:auto;scrollbar-width:none}
.bk-filt::-webkit-scrollbar{display:none}
.bf{font-size:12px;padding:5px 13px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s}
.bf.act{background:var(--red);border-color:var(--red);color:#fff}
.bk-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bk-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.bk-table th{padding:9px 13px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);background:var(--bg);white-space:nowrap}
.bk-table td{padding:11px 13px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
.bk-table tr:last-child td{border:none}
.bk-table tr:hover td{background:#faf9f7}
.bn-cell{font-weight:700;font-size:13px}
.bn-url{font-size:10px;color:var(--red);display:block;margin-top:1px;font-weight:500}
.rb{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}
.rb.buy{color:var(--green)}.rb.sell{color:var(--red)}
.best-b{font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;margin-left:3px;vertical-align:middle}
.bb-buy{background:#dcfce7;color:var(--green)}
.bb-sell{background:#fee2e6;color:var(--red)}
.sp-cell{font-size:11px;color:#aaa;font-variant-numeric:tabular-nums}

/* NEWS */
.nw-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.nw-i{display:flex;gap:11px;padding:13px 15px;border-bottom:1px solid #f2f2ee;transition:.15s}
.nw-i:last-child{border:none}
.nw-clickable{cursor:pointer}
.nw-clickable:hover{background:var(--bg)}
.nw-clickable:hover .nw-t{color:var(--red)}
.nw-ic{font-size:20px;flex-shrink:0;width:30px;text-align:center;margin-top:1px}
.nw-t{font-size:13px;font-weight:600;color:var(--tx);line-height:1.4;margin-bottom:3px}
.nw-m{font-size:10px;color:#aaa;display:flex;gap:7px;align-items:center}
.nw-tg{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--red-l);color:var(--red)}

/* SIDEBAR */
.sc-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.sc-b h3{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:5px}
.ir{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f2f2ee;font-size:13px}
.ir:last-child{border:none}
.il{color:#888}
.iv{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}
.iv.ron{color:var(--red)}
.iv.up{color:var(--green)}.iv.dn{color:var(--red)}
.ad-sd{border:1.5px dashed #d5d5cf;border-radius:var(--r);min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;background:#fff}
.alt-cta{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);border-radius:var(--r);padding:18px;margin-bottom:12px;color:#fff}
.alt-cta h3{font-size:15px;font-weight:700;margin-bottom:5px}
.alt-cta p{font-size:12px;color:rgba(255,255,255,.75);margin-bottom:13px;line-height:1.5}
.alt-cta-btn{width:100%;padding:11px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:700;transition:.15s}
.alt-cta-btn:hover{background:rgba(255,255,255,.25)}
.robor-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.robor-box h3{font-size:13px;font-weight:700;margin-bottom:10px}
.robor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.robor-item{text-align:center;background:var(--bg);border-radius:8px;padding:8px 6px}
.robor-label{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.robor-val{font-size:16px;font-weight:800;color:var(--tx);margin-top:2px;font-variant-numeric:tabular-nums}

/* DASH PAGES */
.dp{display:none;max-width:1160px;margin:0 auto;padding:0 16px 80px}
@media(min-width:700px){.dp{padding-bottom:40px}}
.ph{padding:22px 0 18px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ph h1{font-size:21px;font-weight:800}
.ph p{font-size:13px;color:#888;margin-top:2px}
.sr{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
@media(min-width:600px){.sr{grid-template-columns:repeat(4,1fr)}}
.scard{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.sc-lbl{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.sc-val{font-size:26px;font-weight:800;color:var(--red)}
.sc-sub{font-size:10px;color:#ccc;margin-top:1px}
.sec-card{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sh)}
.sec-card h2{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
.bsm{font-size:12px;padding:7px 13px;border:1.5px solid var(--bd);border-radius:7px;background:#fff;color:var(--tx);font-weight:600;transition:.15s;white-space:nowrap}
.bsm:hover{border-color:var(--red);color:var(--red)}
.bsm.p{background:var(--red);border-color:var(--red);color:#fff}
.bsm.p:hover{background:var(--red-d)}
.bsm.d{color:var(--red);border-color:var(--red-b)}
.alr{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f2f2ee;flex-wrap:wrap}
.alr:last-child{border:none}
.aic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.aiu{background:#dcfce7;color:var(--green)}
.aid{background:#fee2e6;color:var(--red)}
.aip{background:#fef3c7;color:#d97706}
.aim{flex:1;min-width:100px}
.aim-t{font-size:13px;font-weight:700}
.aim-s{font-size:11px;color:#aaa;margin-top:2px}
.badg{font-size:10px;padding:3px 8px;border-radius:20px;font-weight:700}
.bon{background:#dcfce7;color:var(--green)}.boff{background:#f0f0ec;color:#aaa}
.fch{display:inline-flex;align-items:center;gap:7px;background:var(--bg);border:1.5px solid var(--bd);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600;margin:3px;cursor:pointer}
.fch-v{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.fch-rm{color:#ccc;font-size:15px;line-height:1;padding:0 0 0 3px}
.alf{background:var(--bg);border-radius:9px;padding:14px;margin-top:12px;display:none;border:1px solid var(--bd)}
.alf.open{display:block}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:10px;font-weight:700;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
.fg input,.fg select{width:100%;padding:10px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:14px;outline:none;font-family:inherit;background:#fff;color:var(--tx);transition:.15s}
.fg input:focus,.fg select:focus{border-color:var(--red)}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:400px){.fr2{grid-template-columns:1fr}}

/* MODAL */
.mov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:.22s}
@media(min-width:500px){.mov{align-items:center}}
.mov.open{opacity:1;pointer-events:all}
.mod{background:#fff;width:100%;max-width:460px;border-radius:20px 20px 0 0;overflow:hidden;transform:translateY(30px);transition:.28s cubic-bezier(.4,0,.2,1);box-shadow:0 -8px 50px rgba(0,0,0,.18);max-height:95vh;overflow-y:auto}
@media(min-width:500px){.mod{border-radius:16px;transform:translateY(20px)}}
.mov.open .mod{transform:translateY(0)}
.mod-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--bd);background:#fff;position:sticky;top:0;z-index:1}
.mod-h h2{font-size:18px;font-weight:800;letter-spacing:-.3px}
.mod-x{width:30px;height:30px;border-radius:50%;background:var(--bg);color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;transition:.15s;line-height:1}
.mod-x:hover{background:#e0e0dc;color:#333}
.mod-bd{padding:22px}
.mtabs{display:flex;background:var(--bg);border-radius:10px;overflow:hidden;margin-bottom:22px;padding:3px;gap:3px}
.mt{flex:1;padding:10px 12px;font-size:14px;font-weight:700;background:transparent;color:#aaa;transition:.2s;border-radius:8px;border:none;cursor:pointer;font-family:inherit}
.mt.act{background:#fff;color:var(--red);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.fg2{margin-bottom:16px}
.fg2 label{display:block;font-size:11px;font-weight:700;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.fg2 input{width:100%;padding:13px 16px;border:1.5px solid var(--bd);border-radius:10px;font-size:16px;outline:none;font-family:inherit;transition:.18s;-webkit-appearance:none;color:var(--tx);background:#fff;box-sizing:border-box}
.fg2 input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.fg2 input.err-field{border-color:var(--red);background:var(--red-l)}
.fm{font-size:13px;margin-top:8px;padding:10px 14px;border-radius:8px;display:none;line-height:1.4}
.fm.e{display:block;color:#991b1b;background:#fee2e6;border:1px solid #fecaca}
.fm.o{display:block;color:#166534;background:#dcfce7;border:1px solid #bbf7d0}
.bf2{width:100%;padding:14px;background:var(--red);color:#fff;border-radius:10px;font-size:16px;font-weight:700;transition:.18s;margin-top:6px;border:none;font-family:inherit;letter-spacing:.2px;cursor:pointer}
.bf2:hover{background:var(--red-d);transform:translateY(-1px)}
.bf2:active{transform:translateY(0)}
.bf2:disabled{opacity:.55;cursor:not-allowed;transform:none}
.fl{text-align:center;margin-top:14px;font-size:13px;color:#888}
.fl a{color:var(--red);font-weight:700}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:50px}
.pw-e{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#bbb;font-size:16px;padding:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;border-radius:6px;transition:.15s}
.pw-e:hover{color:#888;background:var(--bg)}

/* BOTTOM NAV */
.bnv{display:flex;background:#fff;border-top:1px solid var(--bd);position:fixed;bottom:0;left:0;right:0;z-index:150;padding:4px 0 env(safe-area-inset-bottom,4px)}
@media(min-width:700px){.bnv{display:none}}
.bni{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;font-size:10px;color:#aaa;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:.15s;-webkit-tap-highlight-color:transparent}
.bni.act{color:var(--red)}
.bni svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* TOAST */
.tos-c{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none;width:calc(100% - 28px);max-width:340px}
@media(min-width:700px){.tos-c{bottom:22px}}
.tos{background:#111;color:#fff;padding:11px 17px;border-radius:11px;font-size:13px;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.22);animation:tIn .2s ease;width:100%;text-align:center}
.tos.ok{background:#15803d}.tos.err{background:var(--red)}
@keyframes tIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}

footer{background:#fff;border-top:1px solid var(--bd);padding:0;margin-bottom:58px}
@media(min-width:700px){footer{margin-bottom:0}}
.ft-main{max-width:1160px;margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.ft-main{grid-template-columns:1fr 1fr 1fr}}
.ft-col h4{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.ft-col a{display:block;font-size:13px;color:#777;margin-bottom:6px;transition:.15s}
.ft-col a:hover{color:var(--red)}
.ft-col p{font-size:12px;color:#aaa;line-height:1.6}
.ft-bottom{border-top:1px solid var(--bd);padding:14px 16px;background:var(--bg)}
.ft-bottom-in{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#aaa}
@media(min-width:560px){.ft-bottom-in{flex-direction:row;justify-content:space-between;align-items:center}}
.ft-legal{display:flex;gap:12px;flex-wrap:wrap}
.ft-legal a{color:#999;transition:.15s}
.ft-legal a:hover{color:var(--red)}
.ft-bnr-note{font-size:11px;color:#aaa;line-height:1.5;text-align:center;padding:10px 16px;border-top:1px solid var(--bd);background:var(--bg)}
.ft-bnr-note-in{max-width:800px;margin:0 auto}

/* COOKIE BANNER */
.ck-banner{position:fixed;bottom:0;left:0;right:0;z-index:998;background:#1a1a1a;color:#fff;padding:16px;box-shadow:0 -4px 20px rgba(0,0,0,.2);transform:translateY(0);transition:transform .3s ease}
.ck-banner.hidden{transform:translateY(110%)}
.ck-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
@media(min-width:600px){.ck-inner{flex-direction:row;align-items:center;gap:16px}}
.ck-text{font-size:13px;color:#ccc;line-height:1.5;flex:1}
.ck-text a{color:#f59e0b;text-decoration:underline}
.ck-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
.ck-btn-accept{padding:10px 20px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-accept:hover{background:var(--red-d)}
.ck-btn-reject{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-reject:hover{border-color:#888;color:#fff}
.ck-btn-settings{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-settings:hover{border-color:#888;color:#fff}

/* NEWS PAGE */
.news-page-hdr{padding:20px 0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--bd);margin-bottom:18px}
.news-page-hdr h1{font-size:20px;font-weight:800}
.news-page-hdr p{font-size:13px;color:#888;margin-top:2px}
.news-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.news-filter::-webkit-scrollbar{display:none}
.nf-btn{font-size:12px;padding:6px 14px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s;cursor:pointer}
.nf-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.news-grid{display:flex;flex-direction:column;gap:0}
.news-card{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f2f2ee;cursor:pointer;transition:.15s}
.news-card:first-child{padding-top:0}
.news-card:last-child{border:none}
.news-card:hover .nc-title{color:var(--red)}
.nc-icon{font-size:22px;width:36px;flex-shrink:0;text-align:center;margin-top:2px}
.nc-body{flex:1;min-width:0}
.nc-title{font-size:14px;font-weight:600;color:var(--tx);line-height:1.45;margin-bottom:5px;transition:.15s}
.nc-desc{font-size:12px;color:#888;line-height:1.5;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#aaa}
.nc-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--red-l);color:var(--red)}
.nc-ext{font-size:10px;color:#bbb;margin-left:auto}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;flex-wrap:wrap}
.pg-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--bd);background:#fff;color:var(--tx);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.pg-btn:hover{border-color:var(--red);color:var(--red)}
.pg-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.pg-btn:disabled{opacity:.4;cursor:not-allowed}
.pg-dots{font-size:13px;color:#aaa;padding:0 4px}
.news-loading-full{padding:40px;text-align:center;color:#aaa;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.news-loading-full .spin{width:28px;height:28px;border:3px solid #eee;border-top:3px solid var(--red);border-radius:50%;animation:spin 0.8s linear infinite}

.legal-page{display:none;max-width:800px;margin:0 auto;padding:30px 20px 80px}
.legal-page h1{font-size:22px;font-weight:800;margin-bottom:6px}
.legal-page .lp-date{font-size:12px;color:#aaa;margin-bottom:24px}
.legal-page h2{font-size:16px;font-weight:700;margin:20px 0 8px;color:var(--tx)}
.legal-page p{font-size:14px;color:#555;line-height:1.7;margin-bottom:12px}
.legal-page ul{font-size:14px;color:#555;line-height:1.7;margin:8px 0 12px 20px}
.legal-page ul li{margin-bottom:4px}
/* PREDICTION BOX */
.pred-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.pred-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}
.pred-head h3{font-size:14px;font-weight:700}
.pred-disclaimer{font-size:10px;color:#aaa;margin-top:3px;max-width:400px}
.pred-tabs{display:flex;gap:4px;flex-shrink:0}
.ptab{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s;cursor:pointer}
.ptab.act{background:var(--red);border-color:var(--red);color:#fff}
.pred-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
@media(min-width:500px){.pred-stats{grid-template-columns:repeat(4,1fr)}}
.pstat{background:var(--bg);border-radius:8px;padding:10px 12px}
.pstat-l{font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.pstat-v{font-size:14px;font-weight:700;color:var(--tx);font-variant-numeric:tabular-nums}
.pred-canvas-wrap{height:180px;position:relative;margin-bottom:12px}
.pred-table-wrap{overflow-x:auto}
.pred-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;min-width:380px}
.pred-table-wrap th{padding:7px 10px;text-align:left;font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--bd);background:var(--bg)}
.pred-table-wrap td{padding:8px 10px;border-bottom:1px solid #f2f2ee;font-variant-numeric:tabular-nums}
.pred-table-wrap tr:last-child td{border:none}
.pred-up{color:var(--red)}.pred-dn{color:var(--green)}

.chart-quick-btn {
          padding: 6px 13px; border-radius: 20px; border: 1px solid rgba(255,255,255,.35);
          background: rgba(255,255,255,.12); color: #fff; font-size: .8rem;
          font-weight: 600; cursor: pointer; transition: all .18s; white-space:nowrap;
        }
        .chart-quick-btn:hover { background: rgba(255,255,255,.25); border-color: rgba(255,255,255,.6); }
        .chart-quick-btn.chart-quick-active { background: #fff; color: #b91c1c; border-color: #fff; }

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --red:#d4450c;--red-d:#b5360a;--red-l:#fff5f7;--red-b:#ffd6dc;
  --green:#0a7c4c;--green-l:#f0faf5;
  --bd:#eaeae6;--bg:#f7f7f4;--tx:#111;--mu:#666;
  --r:12px;--sh:0 1px 3px rgba(0,0,0,.07),0 4px 14px rgba(0,0,0,.04)
}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--tx);font-size:15px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* HDR */
.hdr{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:200;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.hdr-in{max-width:1160px;margin:0 auto;padding:0 14px;display:flex;align-items:center;height:52px;gap:8px}
.logo{font-size:17px;font-weight:800;color:var(--red);letter-spacing:-.5px;flex:1;display:flex;align-items:center;justify-content:center;gap:0}
@media(min-width:700px){.logo{flex:0;justify-content:flex-start;font-size:18px}}
.logo-ic{width:26px;height:26px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-right:6px}
@media(min-width:700px){.logo-ic{width:28px;height:28px;font-size:14px;margin-right:7px}}
.logo em{color:var(--tx);font-style:normal}
.hdr-nav{display:none;gap:2px;flex:1}
@media(min-width:700px){.hdr-nav{display:flex}}
.hdr-nav a{font-size:13px;font-weight:500;color:var(--mu);padding:6px 11px;border-radius:7px;white-space:nowrap;transition:.15s}
.hdr-nav a:hover,.hdr-nav a.active{color:var(--red);background:var(--red-l)}
.hdr-r{display:flex;align-items:center;gap:7px;flex-shrink:0}
@media(min-width:700px){.hdr-r{margin-left:auto}}
.live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;display:none}
@media(min-width:700px){.live-dot{display:block}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hdr-date{font-size:11px;color:#999;background:var(--bg);padding:4px 9px;border-radius:20px;border:1px solid var(--bd);display:none;white-space:nowrap}
@media(min-width:560px){.hdr-date{display:block}}
.btn-in{font-size:12px;padding:6px 11px;border:1.5px solid var(--bd);border-radius:8px;background:#fff;color:var(--tx);font-weight:500;transition:.15s;white-space:nowrap;display:none}
@media(min-width:440px){.btn-in{display:block}}
.btn-in:hover{border-color:var(--red);color:var(--red)}
.btn-rg{font-size:12px;padding:6px 12px;border-radius:8px;background:var(--red);color:#fff;font-weight:700;transition:.15s;white-space:nowrap;border:none}
.btn-rg:hover{background:var(--red-d)}
.ham{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px;transition:.15s;flex-shrink:0}
@media(min-width:700px){.ham{display:none}}
.ham span{display:block;width:20px;height:2px;background:var(--tx);border-radius:2px;transition:.25s}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.u-chip{display:flex;align-items:center;gap:7px;padding:3px 11px 3px 3px;background:var(--bg);border:1.5px solid var(--bd);border-radius:30px;cursor:pointer;transition:.15s}
.u-chip:hover{border-color:var(--red)}
.u-av{width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-name{font-size:12px;font-weight:600;display:none}
@media(min-width:460px){.u-name{display:block}}
.u-dd{position:absolute;right:16px;top:62px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.u-dd.open{display:block}
.u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.ud-n{font-size:14px;font-weight:700}
.ud-e{font-size:11px;color:#999;margin-top:2px}
.u-dd a,.u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500}
.u-dd a:hover,.u-dd button:hover{background:var(--bg)}
.uds{border:none;border-top:1px solid var(--bd);margin:4px 0}

/* DRAWER */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:400;opacity:0;pointer-events:none;transition:.25s}
.dov.open{opacity:1;pointer-events:all}
.drw{position:fixed;top:0;left:0;bottom:0;width:285px;background:#fff;z-index:401;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
.drw.open{transform:translateX(0)}
.drw-h{background:var(--red);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.drw-logo{font-size:17px;font-weight:800;color:#fff}
.drw-logo em{color:rgba(255,255,255,.6);font-style:normal}
.drw-x{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}
.drw-date{padding:9px 18px;font-size:11px;color:#999;background:var(--bg);border-bottom:1px solid var(--bd)}
.drw-sec{padding:5px 0}
.drw-st{font-size:10px;font-weight:700;color:#bbb;letter-spacing:1px;text-transform:uppercase;padding:8px 18px 2px}
.di{display:flex;align-items:center;gap:11px;padding:12px 18px;font-size:14px;color:var(--tx);font-weight:500;cursor:pointer;transition:.15s;border:none;background:none;width:100%;text-align:left}
.di:active{background:var(--bg)}
.di.active{color:var(--red);background:var(--red-l)}
.di-ic{font-size:17px;width:22px;text-align:center;flex-shrink:0}
.di-ar{margin-left:auto;color:#ccc;font-size:11px}
.dsep{border:none;border-top:1px solid var(--bd);margin:5px 0}
.drw-uc{margin:8px 12px;padding:12px 14px;background:var(--red-l);border:1px solid var(--red-b);border-radius:10px}
.drw-un{font-size:14px;font-weight:700}
.drw-ue{font-size:11px;color:#999;margin-top:1px}
.drw-ft{padding:14px 18px;border-top:1px solid var(--bd);margin-top:auto;font-size:11px;color:#bbb;line-height:1.5}

/* HERO */
.hero{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);padding:16px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M20 20h4v4h-4zm-8-8h4v4h-4zm16 0h4v4h-4zm-8 16h4v4h-4z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-in{max-width:1160px;margin:0 auto;position:relative}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:4px}
.hero-lbl{font-size:12px;color:rgba(255,255,255,.7);font-weight:500;display:flex;align-items:center;gap:5px}
.hero-upd{font-size:11px;color:rgba(255,255,255,.5)}
.hero-cards{display:flex;flex-wrap:wrap;gap:10px}
.hc{flex:1 1 140px;min-width:120px}
@media(min-width:560px){.hc{flex:1 1 130px}}
.hc{flex:1 0 140px;min-width:130px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.2s}
.hc:hover{background:rgba(255,255,255,.2)}
/* FLAGS — flag-icons SVG (funcționează pe Windows/Chrome) */
.fi{display:inline-block;width:1.33em;height:1em;background-size:contain;background-position:50%;background-repeat:no-repeat;vertical-align:middle;border-radius:2px}
.flag-wrap{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:3px;overflow:hidden;flex-shrink:0}
.flag-wrap .fi{width:100%;height:100%}
.hc-fl .fi,.rc-fl .fi{width:26px;height:18px;border-radius:2px}
/* CUSTOM SELECT CONVERTOR */
.csel-wrap{position:relative;width:100%}
.csel{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1.5px solid var(--bd);border-radius:10px;cursor:pointer;background:#fff;transition:.15s;user-select:none;min-height:46px}
.csel:hover{border-color:var(--red)}
.csel.open{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.1)}
.csel-flag{width:22px;height:16px;flex-shrink:0;display:flex;align-items:center}
.csel-flag .fi{width:22px;height:15px;border-radius:2px}
.csel-code{font-weight:700;font-size:14px;color:var(--tx);flex-shrink:0}
.csel-name{font-size:12px;color:#888;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.csel-name{display:none}}
.csel-arr{color:#aaa;font-size:11px;flex-shrink:0;transition:.2s}
.csel.open .csel-arr{transform:rotate(180deg)}
.csel-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid var(--bd);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);z-index:200;display:none;overflow:hidden}
.csel-drop.open{display:block}
.csel-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--bd);font-size:16px;outline:none;font-family:inherit;box-sizing:border-box}
.csel-list{max-height:240px;overflow-y:auto}
.csel-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;transition:.1s;font-size:13px}
.csel-item:hover{background:var(--bg)}
.csel-item.selected{background:rgba(212,69,12,.08);color:var(--red)}
.csel-item .fi{width:20px;height:14px;border-radius:2px;flex-shrink:0}
.csel-item-code{font-weight:700;min-width:36px;font-size:13px}
.csel-item-name{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-cd{font-size:11px;color:rgba(255,255,255,.65);letter-spacing:1.5px;font-weight:700;margin-bottom:3px}
.hc-vl{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.hc-ch{font-size:12px;margin-top:6px;font-weight:700;letter-spacing:.2px}
.hc-ch.up{color:#86efac}.hc-ch.dn{color:#fca5a5}.hc-ch.fl{color:rgba(255,255,255,.8)}

/* AD */
.ad-w{max-width:1160px;margin:12px auto;padding:0 16px}
.ad-b{min-height:88px;border:1.5px dashed #d5d5cf;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ccc;background:#fff;letter-spacing:.5px}

/* LAYOUT */
.pw{max-width:1160px;margin:0 auto;padding:0 14px 80px}
@media(min-width:900px){.pw{display:grid;grid-template-columns:1fr 310px;gap:22px;padding-bottom:40px}}
.st{font-size:11px;font-weight:700;color:#aaa;letter-spacing:.6px;text-transform:uppercase;margin:18px 0 10px;display:flex;align-items:center;gap:7px}
.st::before{content:'';display:block;width:3px;height:14px;background:var(--red);border-radius:2px}
.st .stl{margin-left:auto;font-size:12px;font-weight:600;color:var(--red);letter-spacing:0;text-transform:none;cursor:pointer}

/* STATUS BAR */
.status-bar{background:#fff;border:1px solid var(--bd);border-radius:9px;padding:8px 12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:11px}
.sb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.sb-dot.ok{background:#22c55e}
.sb-dot.warn{background:#f59e0b}
.sb-dot.err{background:var(--red)}
.sb-text{color:var(--mu);flex:1;font-size:11px}
.sb-date{font-size:10px;color:#999;font-weight:600;white-space:nowrap}

/* RATE CARDS */
.rg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px}
@media(min-width:600px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:800px){.rg{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1080px){.rg{grid-template-columns:repeat(4,1fr)}}
.rc{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:14px;cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.rc::after{content:'📈 Clic pentru grafic';position:absolute;bottom:0;left:0;right:0;background:rgba(185,28,28,.85);color:#fff;font-size:10px;font-weight:700;text-align:center;padding:4px;opacity:0;transition:.2s;letter-spacing:.03em}
.rc:hover::after{opacity:1}
.rc:hover{border-color:var(--red);box-shadow:0 4px 16px rgba(185,28,28,.15);transform:translateY(-2px)}
.rc:hover{box-shadow:var(--sh);border-color:#bbb}
.rc.act{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.rc-fl{font-size:26px;margin-bottom:6px;line-height:1}
.rc-cd{font-size:12px;font-weight:700;letter-spacing:1px;color:#aaa;margin-bottom:2px}
.rc-nm{font-size:12px;color:#bbb;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-vl{font-size:22px;font-weight:800;color:var(--tx);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.rc-sb{font-size:10px;color:#ccc;margin-top:3px}
.rc-ch{font-size:11px;margin-top:8px;font-weight:600;display:flex;align-items:center;gap:2px}
.rc-ch.up{color:var(--green)}.rc-ch.dn{color:var(--red)}.rc-ch.fl{color:#aaa}
.fb{position:absolute;top:10px;right:10px;font-size:16px;padding:3px;line-height:1;opacity:0;transition:.15s}
.rc:hover .fb,.fb.on{opacity:1}
.fb.on{color:#f59e0b}
@media(hover:none){.fb{opacity:.5}}

/* CONVERTOR */
.cv{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:8px;box-shadow:var(--sh)}
.cv-h{font-size:16px;font-weight:700;margin-bottom:14px}
.cv-a label,.cv-f label{font-size:11px;font-weight:700;color:#aaa;display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.cv-a{margin-bottom:12px}
.cv-a input{width:100%;padding:14px 16px;border:1.5px solid var(--bd);border-radius:11px;font-size:24px;font-weight:800;outline:none;transition:.15s;color:var(--tx);font-variant-numeric:tabular-nums}
.cv-a input:focus{border-color:var(--red)}
.cv-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-bottom:12px}
.cv-f select{width:100%;padding:12px 10px;border:1.5px solid var(--bd);border-radius:11px;font-size:14px;font-weight:600;outline:none;background:#fff;color:var(--tx);transition:.15s;font-family:inherit}
.cv-f select:focus{border-color:var(--red)}
.sw{width:44px;height:44px;border-radius:11px;border:1.5px solid var(--bd);background:var(--bg);color:#888;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.15s;align-self:end;flex-shrink:0}
.sw:hover{border-color:var(--red);color:var(--red)}
.cv-res{background:var(--red-l);border:1.5px solid var(--red-b);border-radius:11px;padding:16px 18px}
.cr-lbl{font-size:11px;color:#999;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}
.cr-vl{font-size:28px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.cr-rt{font-size:12px;color:#aaa;margin-top:5px}
.cv-note{font-size:12px;color:#aaa;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}

/* CHART */
.ch-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.ch-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.ch-hd h3{font-size:14px;font-weight:700}
.ch-tabs{display:flex;gap:4px}
.ct{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s}
.ct.act{background:var(--red);border-color:var(--red);color:#fff}
.ch-a{height:195px;position:relative}
@media(min-width:600px){.ch-a{height:215px}}
.ch-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}
.cst-l{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.cst-v{font-size:13px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.cst-v.up{color:var(--green)}.cst-v.dn{color:var(--red)}

/* TABLE */
.tb-o{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.tb-top{padding:12px 14px;border-bottom:1px solid var(--bd)}
.tb-search{width:100%;padding:9px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:13px;outline:none;font-family:inherit;transition:.15s}
.tb-search:focus{border-color:var(--red)}
.tb-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}
thead{background:var(--bg)}
th{padding:9px 12px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
tr:last-child td{border:none}
tr:hover td{background:#faf9f7}
.td-fl{font-size:18px;width:36px;text-align:center}
.td-vl{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.td-ch{font-weight:700;font-size:11px}
.td-ch.up{color:var(--green)}.td-ch.dn{color:var(--red)}

/* BANKS */
.bk-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.bk-h{padding:14px 16px;border-bottom:1px solid var(--bd)}
.bk-h h3{font-size:14px;font-weight:700}
.bk-note{font-size:11px;color:#aaa;margin-top:2px}
.bk-filt{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--bd);overflow-x:auto;scrollbar-width:none}
.bk-filt::-webkit-scrollbar{display:none}
.bf{font-size:12px;padding:5px 13px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s}
.bf.act{background:var(--red);border-color:var(--red);color:#fff}
.bk-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bk-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.bk-table th{padding:9px 13px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);background:var(--bg);white-space:nowrap}
.bk-table td{padding:11px 13px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
.bk-table tr:last-child td{border:none}
.bk-table tr:hover td{background:#faf9f7}
.bn-cell{font-weight:700;font-size:13px}
.bn-url{font-size:10px;color:var(--red);display:block;margin-top:1px;font-weight:500}
.rb{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}
.rb.buy{color:var(--green)}.rb.sell{color:var(--red)}
.best-b{font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;margin-left:3px;vertical-align:middle}
.bb-buy{background:#dcfce7;color:var(--green)}
.bb-sell{background:#fee2e6;color:var(--red)}
.sp-cell{font-size:11px;color:#aaa;font-variant-numeric:tabular-nums}

/* NEWS */
.nw-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.nw-i{display:flex;gap:11px;padding:13px 15px;border-bottom:1px solid #f2f2ee;transition:.15s}
.nw-i:last-child{border:none}
.nw-clickable{cursor:pointer}
.nw-clickable:hover{background:var(--bg)}
.nw-clickable:hover .nw-t{color:var(--red)}
.nw-ic{font-size:20px;flex-shrink:0;width:30px;text-align:center;margin-top:1px}
.nw-t{font-size:13px;font-weight:600;color:var(--tx);line-height:1.4;margin-bottom:3px}
.nw-m{font-size:10px;color:#aaa;display:flex;gap:7px;align-items:center}
.nw-tg{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--red-l);color:var(--red)}

/* SIDEBAR */
.sc-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.sc-b h3{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:5px}
.ir{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f2f2ee;font-size:13px}
.ir:last-child{border:none}
.il{color:#888}
.iv{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}
.iv.ron{color:var(--red)}
.iv.up{color:var(--green)}.iv.dn{color:var(--red)}
.ad-sd{border:1.5px dashed #d5d5cf;border-radius:var(--r);min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;background:#fff}
.alt-cta{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);border-radius:var(--r);padding:18px;margin-bottom:12px;color:#fff}
.alt-cta h3{font-size:15px;font-weight:700;margin-bottom:5px}
.alt-cta p{font-size:12px;color:rgba(255,255,255,.75);margin-bottom:13px;line-height:1.5}
.alt-cta-btn{width:100%;padding:11px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:700;transition:.15s}
.alt-cta-btn:hover{background:rgba(255,255,255,.25)}
.robor-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.robor-box h3{font-size:13px;font-weight:700;margin-bottom:10px}
.robor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.robor-item{text-align:center;background:var(--bg);border-radius:8px;padding:8px 6px}
.robor-label{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.robor-val{font-size:16px;font-weight:800;color:var(--tx);margin-top:2px;font-variant-numeric:tabular-nums}

/* DASH PAGES */
.dp{display:none;max-width:1160px;margin:0 auto;padding:0 16px 80px}
@media(min-width:700px){.dp{padding-bottom:40px}}
.ph{padding:22px 0 18px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ph h1{font-size:21px;font-weight:800}
.ph p{font-size:13px;color:#888;margin-top:2px}
.sr{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
@media(min-width:600px){.sr{grid-template-columns:repeat(4,1fr)}}
.scard{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.sc-lbl{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.sc-val{font-size:26px;font-weight:800;color:var(--red)}
.sc-sub{font-size:10px;color:#ccc;margin-top:1px}
.sec-card{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sh)}
.sec-card h2{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
.bsm{font-size:12px;padding:7px 13px;border:1.5px solid var(--bd);border-radius:7px;background:#fff;color:var(--tx);font-weight:600;transition:.15s;white-space:nowrap}
.bsm:hover{border-color:var(--red);color:var(--red)}
.bsm.p{background:var(--red);border-color:var(--red);color:#fff}
.bsm.p:hover{background:var(--red-d)}
.bsm.d{color:var(--red);border-color:var(--red-b)}
.alr{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f2f2ee;flex-wrap:wrap}
.alr:last-child{border:none}
.aic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.aiu{background:#dcfce7;color:var(--green)}
.aid{background:#fee2e6;color:var(--red)}
.aip{background:#fef3c7;color:#d97706}
.aim{flex:1;min-width:100px}
.aim-t{font-size:13px;font-weight:700}
.aim-s{font-size:11px;color:#aaa;margin-top:2px}
.badg{font-size:10px;padding:3px 8px;border-radius:20px;font-weight:700}
.bon{background:#dcfce7;color:var(--green)}.boff{background:#f0f0ec;color:#aaa}
.fch{display:inline-flex;align-items:center;gap:7px;background:var(--bg);border:1.5px solid var(--bd);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600;margin:3px;cursor:pointer}
.fch-v{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.fch-rm{color:#ccc;font-size:15px;line-height:1;padding:0 0 0 3px}
.alf{background:var(--bg);border-radius:9px;padding:14px;margin-top:12px;display:none;border:1px solid var(--bd)}
.alf.open{display:block}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:10px;font-weight:700;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
.fg input,.fg select{width:100%;padding:10px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:14px;outline:none;font-family:inherit;background:#fff;color:var(--tx);transition:.15s}
.fg input:focus,.fg select:focus{border-color:var(--red)}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:400px){.fr2{grid-template-columns:1fr}}

/* MODAL */
.mov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:.22s}
@media(min-width:500px){.mov{align-items:center}}
.mov.open{opacity:1;pointer-events:all}
.mod{background:#fff;width:100%;max-width:460px;border-radius:20px 20px 0 0;overflow:hidden;transform:translateY(30px);transition:.28s cubic-bezier(.4,0,.2,1);box-shadow:0 -8px 50px rgba(0,0,0,.18);max-height:95vh;overflow-y:auto}
@media(min-width:500px){.mod{border-radius:16px;transform:translateY(20px)}}
.mov.open .mod{transform:translateY(0)}
.mod-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--bd);background:#fff;position:sticky;top:0;z-index:1}
.mod-h h2{font-size:18px;font-weight:800;letter-spacing:-.3px}
.mod-x{width:30px;height:30px;border-radius:50%;background:var(--bg);color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;transition:.15s;line-height:1}
.mod-x:hover{background:#e0e0dc;color:#333}
.mod-bd{padding:22px}
.mtabs{display:flex;background:var(--bg);border-radius:10px;overflow:hidden;margin-bottom:22px;padding:3px;gap:3px}
.mt{flex:1;padding:10px 12px;font-size:14px;font-weight:700;background:transparent;color:#aaa;transition:.2s;border-radius:8px;border:none;cursor:pointer;font-family:inherit}
.mt.act{background:#fff;color:var(--red);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.fg2{margin-bottom:16px}
.fg2 label{display:block;font-size:11px;font-weight:700;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.fg2 input{width:100%;padding:13px 16px;border:1.5px solid var(--bd);border-radius:10px;font-size:16px;outline:none;font-family:inherit;transition:.18s;-webkit-appearance:none;color:var(--tx);background:#fff;box-sizing:border-box}
.fg2 input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.fg2 input.err-field{border-color:var(--red);background:var(--red-l)}
.fm{font-size:13px;margin-top:8px;padding:10px 14px;border-radius:8px;display:none;line-height:1.4}
.fm.e{display:block;color:#991b1b;background:#fee2e6;border:1px solid #fecaca}
.fm.o{display:block;color:#166534;background:#dcfce7;border:1px solid #bbf7d0}
.bf2{width:100%;padding:14px;background:var(--red);color:#fff;border-radius:10px;font-size:16px;font-weight:700;transition:.18s;margin-top:6px;border:none;font-family:inherit;letter-spacing:.2px;cursor:pointer}
.bf2:hover{background:var(--red-d);transform:translateY(-1px)}
.bf2:active{transform:translateY(0)}
.bf2:disabled{opacity:.55;cursor:not-allowed;transform:none}
.fl{text-align:center;margin-top:14px;font-size:13px;color:#888}
.fl a{color:var(--red);font-weight:700}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:50px}
.pw-e{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#bbb;font-size:16px;padding:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;border-radius:6px;transition:.15s}
.pw-e:hover{color:#888;background:var(--bg)}

/* BOTTOM NAV */
.bnv{display:flex;background:#fff;border-top:1px solid var(--bd);position:fixed;bottom:0;left:0;right:0;z-index:150;padding:4px 0 env(safe-area-inset-bottom,4px)}
@media(min-width:700px){.bnv{display:none}}
.bni{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;font-size:10px;color:#aaa;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:.15s;-webkit-tap-highlight-color:transparent}
.bni.act{color:var(--red)}
.bni svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* TOAST */
.tos-c{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none;width:calc(100% - 28px);max-width:340px}
@media(min-width:700px){.tos-c{bottom:22px}}
.tos{background:#111;color:#fff;padding:11px 17px;border-radius:11px;font-size:13px;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.22);animation:tIn .2s ease;width:100%;text-align:center}
.tos.ok{background:#15803d}.tos.err{background:var(--red)}
@keyframes tIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}

footer{background:#fff;border-top:1px solid var(--bd);padding:0;margin-bottom:58px}
@media(min-width:700px){footer{margin-bottom:0}}
.ft-main{max-width:1160px;margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.ft-main{grid-template-columns:1fr 1fr 1fr}}
.ft-col h4{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.ft-col a{display:block;font-size:13px;color:#777;margin-bottom:6px;transition:.15s}
.ft-col a:hover{color:var(--red)}
.ft-col p{font-size:12px;color:#aaa;line-height:1.6}
.ft-bottom{border-top:1px solid var(--bd);padding:14px 16px;background:var(--bg)}
.ft-bottom-in{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#aaa}
@media(min-width:560px){.ft-bottom-in{flex-direction:row;justify-content:space-between;align-items:center}}
.ft-legal{display:flex;gap:12px;flex-wrap:wrap}
.ft-legal a{color:#999;transition:.15s}
.ft-legal a:hover{color:var(--red)}
.ft-bnr-note{font-size:11px;color:#aaa;line-height:1.5;text-align:center;padding:10px 16px;border-top:1px solid var(--bd);background:var(--bg)}
.ft-bnr-note-in{max-width:800px;margin:0 auto}

/* COOKIE BANNER */
.ck-banner{position:fixed;bottom:0;left:0;right:0;z-index:998;background:#1a1a1a;color:#fff;padding:16px;box-shadow:0 -4px 20px rgba(0,0,0,.2);transform:translateY(0);transition:transform .3s ease}
.ck-banner.hidden{transform:translateY(110%)}
.ck-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
@media(min-width:600px){.ck-inner{flex-direction:row;align-items:center;gap:16px}}
.ck-text{font-size:13px;color:#ccc;line-height:1.5;flex:1}
.ck-text a{color:#f59e0b;text-decoration:underline}
.ck-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
.ck-btn-accept{padding:10px 20px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-accept:hover{background:var(--red-d)}
.ck-btn-reject{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-reject:hover{border-color:#888;color:#fff}
.ck-btn-settings{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-settings:hover{border-color:#888;color:#fff}

/* NEWS PAGE */
.news-page-hdr{padding:20px 0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--bd);margin-bottom:18px}
.news-page-hdr h1{font-size:20px;font-weight:800}
.news-page-hdr p{font-size:13px;color:#888;margin-top:2px}
.news-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.news-filter::-webkit-scrollbar{display:none}
.nf-btn{font-size:12px;padding:6px 14px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s;cursor:pointer}
.nf-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.news-grid{display:flex;flex-direction:column;gap:0}
.news-card{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f2f2ee;cursor:pointer;transition:.15s}
.news-card:first-child{padding-top:0}
.news-card:last-child{border:none}
.news-card:hover .nc-title{color:var(--red)}
.nc-icon{font-size:22px;width:36px;flex-shrink:0;text-align:center;margin-top:2px}
.nc-body{flex:1;min-width:0}
.nc-title{font-size:14px;font-weight:600;color:var(--tx);line-height:1.45;margin-bottom:5px;transition:.15s}
.nc-desc{font-size:12px;color:#888;line-height:1.5;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#aaa}
.nc-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--red-l);color:var(--red)}
.nc-ext{font-size:10px;color:#bbb;margin-left:auto}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;flex-wrap:wrap}
.pg-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--bd);background:#fff;color:var(--tx);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.pg-btn:hover{border-color:var(--red);color:var(--red)}
.pg-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.pg-btn:disabled{opacity:.4;cursor:not-allowed}
.pg-dots{font-size:13px;color:#aaa;padding:0 4px}
.news-loading-full{padding:40px;text-align:center;color:#aaa;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.news-loading-full .spin{width:28px;height:28px;border:3px solid #eee;border-top:3px solid var(--red);border-radius:50%;animation:spin 0.8s linear infinite}

.legal-page{display:none;max-width:800px;margin:0 auto;padding:30px 20px 80px}
.legal-page h1{font-size:22px;font-weight:800;margin-bottom:6px}
.legal-page .lp-date{font-size:12px;color:#aaa;margin-bottom:24px}
.legal-page h2{font-size:16px;font-weight:700;margin:20px 0 8px;color:var(--tx)}
.legal-page p{font-size:14px;color:#555;line-height:1.7;margin-bottom:12px}
.legal-page ul{font-size:14px;color:#555;line-height:1.7;margin:8px 0 12px 20px}
.legal-page ul li{margin-bottom:4px}
/* PREDICTION BOX */
.pred-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.pred-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}
.pred-head h3{font-size:14px;font-weight:700}
.pred-disclaimer{font-size:10px;color:#aaa;margin-top:3px;max-width:400px}
.pred-tabs{display:flex;gap:4px;flex-shrink:0}
.ptab{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s;cursor:pointer}
.ptab.act{background:var(--red);border-color:var(--red);color:#fff}
.pred-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
@media(min-width:500px){.pred-stats{grid-template-columns:repeat(4,1fr)}}
.pstat{background:var(--bg);border-radius:8px;padding:10px 12px}
.pstat-l{font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.pstat-v{font-size:14px;font-weight:700;color:var(--tx);font-variant-numeric:tabular-nums}
.pred-canvas-wrap{height:180px;position:relative;margin-bottom:12px}
.pred-table-wrap{overflow-x:auto}
.pred-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;min-width:380px}
.pred-table-wrap th{padding:7px 10px;text-align:left;font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--bd);background:var(--bg)}
.pred-table-wrap td{padding:8px 10px;border-bottom:1px solid #f2f2ee;font-variant-numeric:tabular-nums}
.pred-table-wrap tr:last-child td{border:none}
.pred-up{color:var(--red)}.pred-dn{color:var(--green)}

.faq details{border-bottom:1px solid var(--bd);padding:10px 0}
.faq summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.faq details p{font-size:13px;color:#666;padding:8px 0 4px;line-height:1.7}
.curr-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.curr-tab{padding:7px 14px;border-radius:20px;border:1.5px solid var(--bd);background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:.15s}
.curr-tab.act,.curr-tab:hover{background:var(--red);color:#fff;border-color:var(--red)}
.seo-hero{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);color:#fff;border-radius:var(--r);padding:24px;text-align:center;margin-bottom:14px}
.seo-hero .rv{font-size:48px;font-weight:800;margin:8px 0;letter-spacing:-1px}
.seo-hero .rl{font-size:13px;opacity:.85}
.seo-btn{display:inline-block;padding:11px 24px;background:var(--red);color:#fff;border-radius:9px;font-weight:700;font-size:14px;margin-top:10px;transition:.15s}
.seo-btn:hover{background:#b5360a}
.chart-wrap{position:relative;height:280px;margin:12px 0}
.dtable{width:100%;border-collapse:collapse}
.dtable thead th{background:var(--bg);padding:10px 12px;text-align:left;font-size:12px;color:#888;font-weight:700;border-bottom:2px solid var(--bd)}
.dtable tbody td{padding:10px 12px;border-bottom:1px solid var(--bd);font-size:14px}
.dtable tbody tr:hover td{background:var(--bg)}
.badge-b{background:#e8f5e9;color:#0a7c4c;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;margin-left:4px;display:inline-block}
.seo-search{width:100%;padding:10px 14px;border:1.5px solid var(--bd);border-radius:8px;font-size:14px;margin-bottom:12px;background:var(--bg);font-family:inherit}

.seo-u-area{position:relative}
.seo-u-chip{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;background:#fff;border:1.5px solid var(--bd);border-radius:999px;cursor:pointer;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.seo-u-chip:hover{border-color:var(--red)}
.seo-u-chip:active{transform:scale(.96)}
.seo-u-av{width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.seo-u-nm{font-size:13px;font-weight:600;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seo-u-dd{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.seo-u-dd.open{display:block}
.seo-u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.seo-u-dd-n{font-size:14px;font-weight:700;color:var(--tx)}
.seo-u-dd-e{font-size:12px;color:#aaa;margin-top:2px}
.seo-u-dd a,.seo-u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500;border:none;background:none;cursor:pointer;font-family:inherit;text-decoration:none}
.seo-u-dd a:hover,.seo-u-dd button:hover{background:var(--bg)}
.seo-u-dd hr{border:none;border-top:1px solid var(--bd);margin:4px 0}


.drw-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:400;display:none}
.drw-ov.open{display:block}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --red:#d4450c;--red-d:#b5360a;--red-l:#fff5f7;--red-b:#ffd6dc;
  --green:#0a7c4c;--green-l:#f0faf5;
  --bd:#eaeae6;--bg:#f7f7f4;--tx:#111;--mu:#666;
  --r:12px;--sh:0 1px 3px rgba(0,0,0,.07),0 4px 14px rgba(0,0,0,.04)
}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--tx);font-size:15px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* HDR */
.hdr{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:200;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.hdr-in{max-width:1160px;margin:0 auto;padding:0 14px;display:flex;align-items:center;height:52px;gap:8px}
.logo{font-size:17px;font-weight:800;color:var(--red);letter-spacing:-.5px;flex:1;display:flex;align-items:center;justify-content:center;gap:0}
@media(min-width:700px){.logo{flex:0;justify-content:flex-start;font-size:18px}}
.logo-ic{width:26px;height:26px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-right:6px}
@media(min-width:700px){.logo-ic{width:28px;height:28px;font-size:14px;margin-right:7px}}
.logo em{color:var(--tx);font-style:normal}
.hdr-nav{display:none;gap:2px;flex:1}
@media(min-width:700px){.hdr-nav{display:flex}}
.hdr-nav a{font-size:13px;font-weight:500;color:var(--mu);padding:6px 11px;border-radius:7px;white-space:nowrap;transition:.15s}
.hdr-nav a:hover,.hdr-nav a.active{color:var(--red);background:var(--red-l)}
.hdr-r{display:flex;align-items:center;gap:7px;flex-shrink:0}
@media(min-width:700px){.hdr-r{margin-left:auto}}
.live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;display:none}
@media(min-width:700px){.live-dot{display:block}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hdr-date{font-size:11px;color:#999;background:var(--bg);padding:4px 9px;border-radius:20px;border:1px solid var(--bd);display:none;white-space:nowrap}
@media(min-width:560px){.hdr-date{display:block}}
.btn-in{font-size:12px;padding:6px 11px;border:1.5px solid var(--bd);border-radius:8px;background:#fff;color:var(--tx);font-weight:500;transition:.15s;white-space:nowrap;display:none}
@media(min-width:440px){.btn-in{display:block}}
.btn-in:hover{border-color:var(--red);color:var(--red)}
.btn-rg{font-size:12px;padding:6px 12px;border-radius:8px;background:var(--red);color:#fff;font-weight:700;transition:.15s;white-space:nowrap;border:none}
.btn-rg:hover{background:var(--red-d)}
.ham{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px;transition:.15s;flex-shrink:0}
@media(min-width:700px){.ham{display:none}}
.ham span{display:block;width:20px;height:2px;background:var(--tx);border-radius:2px;transition:.25s}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.u-chip{display:flex;align-items:center;gap:7px;padding:3px 11px 3px 3px;background:var(--bg);border:1.5px solid var(--bd);border-radius:30px;cursor:pointer;transition:.15s}
.u-chip:hover{border-color:var(--red)}
.u-av{width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-name{font-size:12px;font-weight:600;display:none}
@media(min-width:460px){.u-name{display:block}}
.u-dd{position:absolute;right:16px;top:62px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.u-dd.open{display:block}
.u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.ud-n{font-size:14px;font-weight:700}
.ud-e{font-size:11px;color:#999;margin-top:2px}
.u-dd a,.u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500}
.u-dd a:hover,.u-dd button:hover{background:var(--bg)}
.uds{border:none;border-top:1px solid var(--bd);margin:4px 0}

/* DRAWER */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:400;opacity:0;pointer-events:none;transition:.25s}
.dov.open{opacity:1;pointer-events:all}
.drw{position:fixed;top:0;left:0;bottom:0;width:285px;background:#fff;z-index:401;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
.drw.open{transform:translateX(0)}
.drw-h{background:var(--red);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.drw-logo{font-size:17px;font-weight:800;color:#fff}
.drw-logo em{color:rgba(255,255,255,.6);font-style:normal}
.drw-x{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}
.drw-date{padding:9px 18px;font-size:11px;color:#999;background:var(--bg);border-bottom:1px solid var(--bd)}
.drw-sec{padding:5px 0}
.drw-st{font-size:10px;font-weight:700;color:#bbb;letter-spacing:1px;text-transform:uppercase;padding:8px 18px 2px}
.di{display:flex;align-items:center;gap:11px;padding:12px 18px;font-size:14px;color:var(--tx);font-weight:500;cursor:pointer;transition:.15s;border:none;background:none;width:100%;text-align:left}
.di:active{background:var(--bg)}
.di.active{color:var(--red);background:var(--red-l)}
.di-ic{font-size:17px;width:22px;text-align:center;flex-shrink:0}
.di-ar{margin-left:auto;color:#ccc;font-size:11px}
.dsep{border:none;border-top:1px solid var(--bd);margin:5px 0}
.drw-uc{margin:8px 12px;padding:12px 14px;background:var(--red-l);border:1px solid var(--red-b);border-radius:10px}
.drw-un{font-size:14px;font-weight:700}
.drw-ue{font-size:11px;color:#999;margin-top:1px}
.drw-ft{padding:14px 18px;border-top:1px solid var(--bd);margin-top:auto;font-size:11px;color:#bbb;line-height:1.5}

/* HERO */
.hero{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);padding:16px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M20 20h4v4h-4zm-8-8h4v4h-4zm16 0h4v4h-4zm-8 16h4v4h-4z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-in{max-width:1160px;margin:0 auto;position:relative}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:4px}
.hero-lbl{font-size:12px;color:rgba(255,255,255,.7);font-weight:500;display:flex;align-items:center;gap:5px}
.hero-upd{font-size:11px;color:rgba(255,255,255,.5)}
.hero-cards{display:flex;flex-wrap:wrap;gap:10px}
.hc{flex:1 1 140px;min-width:120px}
@media(min-width:560px){.hc{flex:1 1 130px}}
.hc{flex:1 0 140px;min-width:130px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.2s}
.hc:hover{background:rgba(255,255,255,.2)}
/* FLAGS — flag-icons SVG (funcționează pe Windows/Chrome) */
.fi{display:inline-block;width:1.33em;height:1em;background-size:contain;background-position:50%;background-repeat:no-repeat;vertical-align:middle;border-radius:2px}
.flag-wrap{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:3px;overflow:hidden;flex-shrink:0}
.flag-wrap .fi{width:100%;height:100%}
.hc-fl .fi,.rc-fl .fi{width:26px;height:18px;border-radius:2px}
/* CUSTOM SELECT CONVERTOR */
.csel-wrap{position:relative;width:100%}
.csel{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1.5px solid var(--bd);border-radius:10px;cursor:pointer;background:#fff;transition:.15s;user-select:none;min-height:46px}
.csel:hover{border-color:var(--red)}
.csel.open{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.1)}
.csel-flag{width:22px;height:16px;flex-shrink:0;display:flex;align-items:center}
.csel-flag .fi{width:22px;height:15px;border-radius:2px}
.csel-code{font-weight:700;font-size:14px;color:var(--tx);flex-shrink:0}
.csel-name{font-size:12px;color:#888;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.csel-name{display:none}}
.csel-arr{color:#aaa;font-size:11px;flex-shrink:0;transition:.2s}
.csel.open .csel-arr{transform:rotate(180deg)}
.csel-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid var(--bd);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);z-index:200;display:none;overflow:hidden}
.csel-drop.open{display:block}
.csel-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--bd);font-size:16px;outline:none;font-family:inherit;box-sizing:border-box}
.csel-list{max-height:240px;overflow-y:auto}
.csel-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;transition:.1s;font-size:13px}
.csel-item:hover{background:var(--bg)}
.csel-item.selected{background:rgba(212,69,12,.08);color:var(--red)}
.csel-item .fi{width:20px;height:14px;border-radius:2px;flex-shrink:0}
.csel-item-code{font-weight:700;min-width:36px;font-size:13px}
.csel-item-name{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-cd{font-size:11px;color:rgba(255,255,255,.65);letter-spacing:1.5px;font-weight:700;margin-bottom:3px}
.hc-vl{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.hc-ch{font-size:12px;margin-top:6px;font-weight:700;letter-spacing:.2px}
.hc-ch.up{color:#86efac}.hc-ch.dn{color:#fca5a5}.hc-ch.fl{color:rgba(255,255,255,.8)}

/* AD */
.ad-w{max-width:1160px;margin:12px auto;padding:0 16px}
.ad-b{min-height:88px;border:1.5px dashed #d5d5cf;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ccc;background:#fff;letter-spacing:.5px}

/* LAYOUT */
.pw{max-width:1160px;margin:0 auto;padding:0 14px 80px}
@media(min-width:900px){.pw{display:grid;grid-template-columns:1fr 310px;gap:22px;padding-bottom:40px}}
.st{font-size:11px;font-weight:700;color:#aaa;letter-spacing:.6px;text-transform:uppercase;margin:18px 0 10px;display:flex;align-items:center;gap:7px}
.st::before{content:'';display:block;width:3px;height:14px;background:var(--red);border-radius:2px}
.st .stl{margin-left:auto;font-size:12px;font-weight:600;color:var(--red);letter-spacing:0;text-transform:none;cursor:pointer}

/* STATUS BAR */
.status-bar{background:#fff;border:1px solid var(--bd);border-radius:9px;padding:8px 12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:11px}
.sb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.sb-dot.ok{background:#22c55e}
.sb-dot.warn{background:#f59e0b}
.sb-dot.err{background:var(--red)}
.sb-text{color:var(--mu);flex:1;font-size:11px}
.sb-date{font-size:10px;color:#999;font-weight:600;white-space:nowrap}

/* RATE CARDS */
.rg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px}
@media(min-width:600px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:800px){.rg{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1080px){.rg{grid-template-columns:repeat(4,1fr)}}
.rc{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:14px;cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.rc::after{content:'📈 Clic pentru grafic';position:absolute;bottom:0;left:0;right:0;background:rgba(185,28,28,.85);color:#fff;font-size:10px;font-weight:700;text-align:center;padding:4px;opacity:0;transition:.2s;letter-spacing:.03em}
.rc:hover::after{opacity:1}
.rc:hover{border-color:var(--red);box-shadow:0 4px 16px rgba(185,28,28,.15);transform:translateY(-2px)}
.rc:hover{box-shadow:var(--sh);border-color:#bbb}
.rc.act{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.rc-fl{font-size:26px;margin-bottom:6px;line-height:1}
.rc-cd{font-size:12px;font-weight:700;letter-spacing:1px;color:#aaa;margin-bottom:2px}
.rc-nm{font-size:12px;color:#bbb;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-vl{font-size:22px;font-weight:800;color:var(--tx);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.rc-sb{font-size:10px;color:#ccc;margin-top:3px}
.rc-ch{font-size:11px;margin-top:8px;font-weight:600;display:flex;align-items:center;gap:2px}
.rc-ch.up{color:var(--green)}.rc-ch.dn{color:var(--red)}.rc-ch.fl{color:#aaa}
.fb{position:absolute;top:10px;right:10px;font-size:16px;padding:3px;line-height:1;opacity:0;transition:.15s}
.rc:hover .fb,.fb.on{opacity:1}
.fb.on{color:#f59e0b}
@media(hover:none){.fb{opacity:.5}}

/* CONVERTOR */
.cv{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:8px;box-shadow:var(--sh)}
.cv-h{font-size:16px;font-weight:700;margin-bottom:14px}
.cv-a label,.cv-f label{font-size:11px;font-weight:700;color:#aaa;display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.cv-a{margin-bottom:12px}
.cv-a input{width:100%;padding:14px 16px;border:1.5px solid var(--bd);border-radius:11px;font-size:24px;font-weight:800;outline:none;transition:.15s;color:var(--tx);font-variant-numeric:tabular-nums}
.cv-a input:focus{border-color:var(--red)}
.cv-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-bottom:12px}
.cv-f select{width:100%;padding:12px 10px;border:1.5px solid var(--bd);border-radius:11px;font-size:14px;font-weight:600;outline:none;background:#fff;color:var(--tx);transition:.15s;font-family:inherit}
.cv-f select:focus{border-color:var(--red)}
.sw{width:44px;height:44px;border-radius:11px;border:1.5px solid var(--bd);background:var(--bg);color:#888;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.15s;align-self:end;flex-shrink:0}
.sw:hover{border-color:var(--red);color:var(--red)}
.cv-res{background:var(--red-l);border:1.5px solid var(--red-b);border-radius:11px;padding:16px 18px}
.cr-lbl{font-size:11px;color:#999;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}
.cr-vl{font-size:28px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.cr-rt{font-size:12px;color:#aaa;margin-top:5px}
.cv-note{font-size:12px;color:#aaa;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}

/* CHART */
.ch-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.ch-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.ch-hd h3{font-size:14px;font-weight:700}
.ch-tabs{display:flex;gap:4px}
.ct{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s}
.ct.act{background:var(--red);border-color:var(--red);color:#fff}
.ch-a{height:195px;position:relative}
@media(min-width:600px){.ch-a{height:215px}}
.ch-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}
.cst-l{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.cst-v{font-size:13px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.cst-v.up{color:var(--green)}.cst-v.dn{color:var(--red)}

/* TABLE */
.tb-o{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.tb-top{padding:12px 14px;border-bottom:1px solid var(--bd)}
.tb-search{width:100%;padding:9px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:13px;outline:none;font-family:inherit;transition:.15s}
.tb-search:focus{border-color:var(--red)}
.tb-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}
thead{background:var(--bg)}
th{padding:9px 12px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
tr:last-child td{border:none}
tr:hover td{background:#faf9f7}
.td-fl{font-size:18px;width:36px;text-align:center}
.td-vl{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.td-ch{font-weight:700;font-size:11px}
.td-ch.up{color:var(--green)}.td-ch.dn{color:var(--red)}

/* BANKS */
.bk-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.bk-h{padding:14px 16px;border-bottom:1px solid var(--bd)}
.bk-h h3{font-size:14px;font-weight:700}
.bk-note{font-size:11px;color:#aaa;margin-top:2px}
.bk-filt{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--bd);overflow-x:auto;scrollbar-width:none}
.bk-filt::-webkit-scrollbar{display:none}
.bf{font-size:12px;padding:5px 13px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s}
.bf.act{background:var(--red);border-color:var(--red);color:#fff}
.bk-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bk-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.bk-table th{padding:9px 13px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);background:var(--bg);white-space:nowrap}
.bk-table td{padding:11px 13px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
.bk-table tr:last-child td{border:none}
.bk-table tr:hover td{background:#faf9f7}
.bn-cell{font-weight:700;font-size:13px}
.bn-url{font-size:10px;color:var(--red);display:block;margin-top:1px;font-weight:500}
.rb{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}
.rb.buy{color:var(--green)}.rb.sell{color:var(--red)}
.best-b{font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;margin-left:3px;vertical-align:middle}
.bb-buy{background:#dcfce7;color:var(--green)}
.bb-sell{background:#fee2e6;color:var(--red)}
.sp-cell{font-size:11px;color:#aaa;font-variant-numeric:tabular-nums}

/* NEWS */
.nw-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.nw-i{display:flex;gap:11px;padding:13px 15px;border-bottom:1px solid #f2f2ee;transition:.15s}
.nw-i:last-child{border:none}
.nw-clickable{cursor:pointer}
.nw-clickable:hover{background:var(--bg)}
.nw-clickable:hover .nw-t{color:var(--red)}
.nw-ic{font-size:20px;flex-shrink:0;width:30px;text-align:center;margin-top:1px}
.nw-t{font-size:13px;font-weight:600;color:var(--tx);line-height:1.4;margin-bottom:3px}
.nw-m{font-size:10px;color:#aaa;display:flex;gap:7px;align-items:center}
.nw-tg{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--red-l);color:var(--red)}

/* SIDEBAR */
.sc-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.sc-b h3{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:5px}
.ir{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f2f2ee;font-size:13px}
.ir:last-child{border:none}
.il{color:#888}
.iv{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}
.iv.ron{color:var(--red)}
.iv.up{color:var(--green)}.iv.dn{color:var(--red)}
.ad-sd{border:1.5px dashed #d5d5cf;border-radius:var(--r);min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;background:#fff}
.alt-cta{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);border-radius:var(--r);padding:18px;margin-bottom:12px;color:#fff}
.alt-cta h3{font-size:15px;font-weight:700;margin-bottom:5px}
.alt-cta p{font-size:12px;color:rgba(255,255,255,.75);margin-bottom:13px;line-height:1.5}
.alt-cta-btn{width:100%;padding:11px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:700;transition:.15s}
.alt-cta-btn:hover{background:rgba(255,255,255,.25)}
.robor-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.robor-box h3{font-size:13px;font-weight:700;margin-bottom:10px}
.robor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.robor-item{text-align:center;background:var(--bg);border-radius:8px;padding:8px 6px}
.robor-label{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.robor-val{font-size:16px;font-weight:800;color:var(--tx);margin-top:2px;font-variant-numeric:tabular-nums}

/* DASH PAGES */
.dp{display:none;max-width:1160px;margin:0 auto;padding:0 16px 80px}
@media(min-width:700px){.dp{padding-bottom:40px}}
.ph{padding:22px 0 18px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ph h1{font-size:21px;font-weight:800}
.ph p{font-size:13px;color:#888;margin-top:2px}
.sr{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
@media(min-width:600px){.sr{grid-template-columns:repeat(4,1fr)}}
.scard{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.sc-lbl{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.sc-val{font-size:26px;font-weight:800;color:var(--red)}
.sc-sub{font-size:10px;color:#ccc;margin-top:1px}
.sec-card{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sh)}
.sec-card h2{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
.bsm{font-size:12px;padding:7px 13px;border:1.5px solid var(--bd);border-radius:7px;background:#fff;color:var(--tx);font-weight:600;transition:.15s;white-space:nowrap}
.bsm:hover{border-color:var(--red);color:var(--red)}
.bsm.p{background:var(--red);border-color:var(--red);color:#fff}
.bsm.p:hover{background:var(--red-d)}
.bsm.d{color:var(--red);border-color:var(--red-b)}
.alr{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f2f2ee;flex-wrap:wrap}
.alr:last-child{border:none}
.aic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.aiu{background:#dcfce7;color:var(--green)}
.aid{background:#fee2e6;color:var(--red)}
.aip{background:#fef3c7;color:#d97706}
.aim{flex:1;min-width:100px}
.aim-t{font-size:13px;font-weight:700}
.aim-s{font-size:11px;color:#aaa;margin-top:2px}
.badg{font-size:10px;padding:3px 8px;border-radius:20px;font-weight:700}
.bon{background:#dcfce7;color:var(--green)}.boff{background:#f0f0ec;color:#aaa}
.fch{display:inline-flex;align-items:center;gap:7px;background:var(--bg);border:1.5px solid var(--bd);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600;margin:3px;cursor:pointer}
.fch-v{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.fch-rm{color:#ccc;font-size:15px;line-height:1;padding:0 0 0 3px}
.alf{background:var(--bg);border-radius:9px;padding:14px;margin-top:12px;display:none;border:1px solid var(--bd)}
.alf.open{display:block}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:10px;font-weight:700;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
.fg input,.fg select{width:100%;padding:10px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:14px;outline:none;font-family:inherit;background:#fff;color:var(--tx);transition:.15s}
.fg input:focus,.fg select:focus{border-color:var(--red)}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:400px){.fr2{grid-template-columns:1fr}}

/* MODAL */
.mov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:.22s}
@media(min-width:500px){.mov{align-items:center}}
.mov.open{opacity:1;pointer-events:all}
.mod{background:#fff;width:100%;max-width:460px;border-radius:20px 20px 0 0;overflow:hidden;transform:translateY(30px);transition:.28s cubic-bezier(.4,0,.2,1);box-shadow:0 -8px 50px rgba(0,0,0,.18);max-height:95vh;overflow-y:auto}
@media(min-width:500px){.mod{border-radius:16px;transform:translateY(20px)}}
.mov.open .mod{transform:translateY(0)}
.mod-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--bd);background:#fff;position:sticky;top:0;z-index:1}
.mod-h h2{font-size:18px;font-weight:800;letter-spacing:-.3px}
.mod-x{width:30px;height:30px;border-radius:50%;background:var(--bg);color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;transition:.15s;line-height:1}
.mod-x:hover{background:#e0e0dc;color:#333}
.mod-bd{padding:22px}
.mtabs{display:flex;background:var(--bg);border-radius:10px;overflow:hidden;margin-bottom:22px;padding:3px;gap:3px}
.mt{flex:1;padding:10px 12px;font-size:14px;font-weight:700;background:transparent;color:#aaa;transition:.2s;border-radius:8px;border:none;cursor:pointer;font-family:inherit}
.mt.act{background:#fff;color:var(--red);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.fg2{margin-bottom:16px}
.fg2 label{display:block;font-size:11px;font-weight:700;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.fg2 input{width:100%;padding:13px 16px;border:1.5px solid var(--bd);border-radius:10px;font-size:16px;outline:none;font-family:inherit;transition:.18s;-webkit-appearance:none;color:var(--tx);background:#fff;box-sizing:border-box}
.fg2 input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.fg2 input.err-field{border-color:var(--red);background:var(--red-l)}
.fm{font-size:13px;margin-top:8px;padding:10px 14px;border-radius:8px;display:none;line-height:1.4}
.fm.e{display:block;color:#991b1b;background:#fee2e6;border:1px solid #fecaca}
.fm.o{display:block;color:#166534;background:#dcfce7;border:1px solid #bbf7d0}
.bf2{width:100%;padding:14px;background:var(--red);color:#fff;border-radius:10px;font-size:16px;font-weight:700;transition:.18s;margin-top:6px;border:none;font-family:inherit;letter-spacing:.2px;cursor:pointer}
.bf2:hover{background:var(--red-d);transform:translateY(-1px)}
.bf2:active{transform:translateY(0)}
.bf2:disabled{opacity:.55;cursor:not-allowed;transform:none}
.fl{text-align:center;margin-top:14px;font-size:13px;color:#888}
.fl a{color:var(--red);font-weight:700}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:50px}
.pw-e{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#bbb;font-size:16px;padding:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;border-radius:6px;transition:.15s}
.pw-e:hover{color:#888;background:var(--bg)}

/* BOTTOM NAV */
.bnv{display:flex;background:#fff;border-top:1px solid var(--bd);position:fixed;bottom:0;left:0;right:0;z-index:150;padding:4px 0 env(safe-area-inset-bottom,4px)}
@media(min-width:700px){.bnv{display:none}}
.bni{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;font-size:10px;color:#aaa;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:.15s;-webkit-tap-highlight-color:transparent}
.bni.act{color:var(--red)}
.bni svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* TOAST */
.tos-c{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none;width:calc(100% - 28px);max-width:340px}
@media(min-width:700px){.tos-c{bottom:22px}}
.tos{background:#111;color:#fff;padding:11px 17px;border-radius:11px;font-size:13px;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.22);animation:tIn .2s ease;width:100%;text-align:center}
.tos.ok{background:#15803d}.tos.err{background:var(--red)}
@keyframes tIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}

footer{background:#fff;border-top:1px solid var(--bd);padding:0;margin-bottom:58px}
@media(min-width:700px){footer{margin-bottom:0}}
.ft-main{max-width:1160px;margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.ft-main{grid-template-columns:1fr 1fr 1fr}}
.ft-col h4{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.ft-col a{display:block;font-size:13px;color:#777;margin-bottom:6px;transition:.15s}
.ft-col a:hover{color:var(--red)}
.ft-col p{font-size:12px;color:#aaa;line-height:1.6}
.ft-bottom{border-top:1px solid var(--bd);padding:14px 16px;background:var(--bg)}
.ft-bottom-in{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#aaa}
@media(min-width:560px){.ft-bottom-in{flex-direction:row;justify-content:space-between;align-items:center}}
.ft-legal{display:flex;gap:12px;flex-wrap:wrap}
.ft-legal a{color:#999;transition:.15s}
.ft-legal a:hover{color:var(--red)}
.ft-bnr-note{font-size:11px;color:#aaa;line-height:1.5;text-align:center;padding:10px 16px;border-top:1px solid var(--bd);background:var(--bg)}
.ft-bnr-note-in{max-width:800px;margin:0 auto}

/* COOKIE BANNER */
.ck-banner{position:fixed;bottom:0;left:0;right:0;z-index:998;background:#1a1a1a;color:#fff;padding:16px;box-shadow:0 -4px 20px rgba(0,0,0,.2);transform:translateY(0);transition:transform .3s ease}
.ck-banner.hidden{transform:translateY(110%)}
.ck-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
@media(min-width:600px){.ck-inner{flex-direction:row;align-items:center;gap:16px}}
.ck-text{font-size:13px;color:#ccc;line-height:1.5;flex:1}
.ck-text a{color:#f59e0b;text-decoration:underline}
.ck-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
.ck-btn-accept{padding:10px 20px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-accept:hover{background:var(--red-d)}
.ck-btn-reject{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-reject:hover{border-color:#888;color:#fff}
.ck-btn-settings{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-settings:hover{border-color:#888;color:#fff}

/* NEWS PAGE */
.news-page-hdr{padding:20px 0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--bd);margin-bottom:18px}
.news-page-hdr h1{font-size:20px;font-weight:800}
.news-page-hdr p{font-size:13px;color:#888;margin-top:2px}
.news-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.news-filter::-webkit-scrollbar{display:none}
.nf-btn{font-size:12px;padding:6px 14px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s;cursor:pointer}
.nf-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.news-grid{display:flex;flex-direction:column;gap:0}
.news-card{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f2f2ee;cursor:pointer;transition:.15s}
.news-card:first-child{padding-top:0}
.news-card:last-child{border:none}
.news-card:hover .nc-title{color:var(--red)}
.nc-icon{font-size:22px;width:36px;flex-shrink:0;text-align:center;margin-top:2px}
.nc-body{flex:1;min-width:0}
.nc-title{font-size:14px;font-weight:600;color:var(--tx);line-height:1.45;margin-bottom:5px;transition:.15s}
.nc-desc{font-size:12px;color:#888;line-height:1.5;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#aaa}
.nc-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--red-l);color:var(--red)}
.nc-ext{font-size:10px;color:#bbb;margin-left:auto}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;flex-wrap:wrap}
.pg-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--bd);background:#fff;color:var(--tx);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.pg-btn:hover{border-color:var(--red);color:var(--red)}
.pg-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.pg-btn:disabled{opacity:.4;cursor:not-allowed}
.pg-dots{font-size:13px;color:#aaa;padding:0 4px}
.news-loading-full{padding:40px;text-align:center;color:#aaa;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.news-loading-full .spin{width:28px;height:28px;border:3px solid #eee;border-top:3px solid var(--red);border-radius:50%;animation:spin 0.8s linear infinite}

.legal-page{display:none;max-width:800px;margin:0 auto;padding:30px 20px 80px}
.legal-page h1{font-size:22px;font-weight:800;margin-bottom:6px}
.legal-page .lp-date{font-size:12px;color:#aaa;margin-bottom:24px}
.legal-page h2{font-size:16px;font-weight:700;margin:20px 0 8px;color:var(--tx)}
.legal-page p{font-size:14px;color:#555;line-height:1.7;margin-bottom:12px}
.legal-page ul{font-size:14px;color:#555;line-height:1.7;margin:8px 0 12px 20px}
.legal-page ul li{margin-bottom:4px}
/* PREDICTION BOX */
.pred-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.pred-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}
.pred-head h3{font-size:14px;font-weight:700}
.pred-disclaimer{font-size:10px;color:#aaa;margin-top:3px;max-width:400px}
.pred-tabs{display:flex;gap:4px;flex-shrink:0}
.ptab{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s;cursor:pointer}
.ptab.act{background:var(--red);border-color:var(--red);color:#fff}
.pred-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
@media(min-width:500px){.pred-stats{grid-template-columns:repeat(4,1fr)}}
.pstat{background:var(--bg);border-radius:8px;padding:10px 12px}
.pstat-l{font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.pstat-v{font-size:14px;font-weight:700;color:var(--tx);font-variant-numeric:tabular-nums}
.pred-canvas-wrap{height:180px;position:relative;margin-bottom:12px}
.pred-table-wrap{overflow-x:auto}
.pred-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;min-width:380px}
.pred-table-wrap th{padding:7px 10px;text-align:left;font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--bd);background:var(--bg)}
.pred-table-wrap td{padding:8px 10px;border-bottom:1px solid #f2f2ee;font-variant-numeric:tabular-nums}
.pred-table-wrap tr:last-child td{border:none}
.pred-up{color:var(--red)}.pred-dn{color:var(--green)}

.faq details{border-bottom:1px solid var(--bd);padding:10px 0}
.faq summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.faq details p{font-size:13px;color:#666;padding:8px 0 4px;line-height:1.7}
.seo-hero{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);color:#fff;border-radius:var(--r);padding:24px;text-align:center;margin-bottom:14px}
.seo-hero .rv{font-size:48px;font-weight:800;margin:8px 0;letter-spacing:-1px}
.seo-hero .rl{font-size:13px;opacity:.85}
.seo-btn{display:inline-block;padding:11px 24px;background:var(--red);color:#fff;border-radius:9px;font-weight:700;font-size:14px;margin-top:10px}
.chart-wrap{position:relative;height:280px;margin:12px 0}
.curr-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.curr-tab{padding:7px 14px;border-radius:20px;border:1.5px solid var(--bd);background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:.15s}
.curr-tab.act,.curr-tab:hover{background:var(--red);color:#fff;border-color:var(--red)}
.dtable{width:100%;border-collapse:collapse}
.dtable thead th{background:var(--bg);padding:10px 12px;text-align:left;font-size:12px;color:#888;font-weight:700;border-bottom:2px solid var(--bd)}
.dtable tbody td{padding:10px 12px;border-bottom:1px solid var(--bd);font-size:14px}
.dtable tbody tr:hover td{background:var(--bg)}
.badge-b{background:#e8f5e9;color:#0a7c4c;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;margin-left:4px}

.seo-u-area{position:relative}
.seo-u-chip{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;background:#fff;border:1.5px solid var(--bd);border-radius:999px;cursor:pointer;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.seo-u-chip:hover{border-color:var(--red)}
.seo-u-chip:active{transform:scale(.96)}
.seo-u-av{width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.seo-u-nm{font-size:13px;font-weight:600;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seo-u-dd{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.seo-u-dd.open{display:block}
.seo-u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.seo-u-dd-n{font-size:14px;font-weight:700;color:var(--tx)}
.seo-u-dd-e{font-size:12px;color:#aaa;margin-top:2px}
.seo-u-dd a,.seo-u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500;border:none;background:none;cursor:pointer;font-family:inherit;text-decoration:none}
.seo-u-dd a:hover,.seo-u-dd button:hover{background:var(--bg)}
.seo-u-dd hr{border:none;border-top:1px solid var(--bd);margin:4px 0}


.drw-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:400;display:none}
.drw-ov.open{display:block}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --red:#d4450c;--red-d:#b5360a;--red-l:#fff5f7;--red-b:#ffd6dc;
  --green:#0a7c4c;--green-l:#f0faf5;
  --bd:#eaeae6;--bg:#f7f7f4;--tx:#111;--mu:#666;
  --r:12px;--sh:0 1px 3px rgba(0,0,0,.07),0 4px 14px rgba(0,0,0,.04)
}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--tx);font-size:15px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* HDR */
.hdr{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:200;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.hdr-in{max-width:1160px;margin:0 auto;padding:0 14px;display:flex;align-items:center;height:52px;gap:8px}
.logo{font-size:17px;font-weight:800;color:var(--red);letter-spacing:-.5px;flex:1;display:flex;align-items:center;justify-content:center;gap:0}
@media(min-width:700px){.logo{flex:0;justify-content:flex-start;font-size:18px}}
.logo-ic{width:26px;height:26px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-right:6px}
@media(min-width:700px){.logo-ic{width:28px;height:28px;font-size:14px;margin-right:7px}}
.logo em{color:var(--tx);font-style:normal}
.hdr-nav{display:none;gap:2px;flex:1}
@media(min-width:700px){.hdr-nav{display:flex}}
.hdr-nav a{font-size:13px;font-weight:500;color:var(--mu);padding:6px 11px;border-radius:7px;white-space:nowrap;transition:.15s}
.hdr-nav a:hover,.hdr-nav a.active{color:var(--red);background:var(--red-l)}
.hdr-r{display:flex;align-items:center;gap:7px;flex-shrink:0}
@media(min-width:700px){.hdr-r{margin-left:auto}}
.live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;display:none}
@media(min-width:700px){.live-dot{display:block}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hdr-date{font-size:11px;color:#999;background:var(--bg);padding:4px 9px;border-radius:20px;border:1px solid var(--bd);display:none;white-space:nowrap}
@media(min-width:560px){.hdr-date{display:block}}
.btn-in{font-size:12px;padding:6px 11px;border:1.5px solid var(--bd);border-radius:8px;background:#fff;color:var(--tx);font-weight:500;transition:.15s;white-space:nowrap;display:none}
@media(min-width:440px){.btn-in{display:block}}
.btn-in:hover{border-color:var(--red);color:var(--red)}
.btn-rg{font-size:12px;padding:6px 12px;border-radius:8px;background:var(--red);color:#fff;font-weight:700;transition:.15s;white-space:nowrap;border:none}
.btn-rg:hover{background:var(--red-d)}
.ham{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px;transition:.15s;flex-shrink:0}
@media(min-width:700px){.ham{display:none}}
.ham span{display:block;width:20px;height:2px;background:var(--tx);border-radius:2px;transition:.25s}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.u-chip{display:flex;align-items:center;gap:7px;padding:3px 11px 3px 3px;background:var(--bg);border:1.5px solid var(--bd);border-radius:30px;cursor:pointer;transition:.15s}
.u-chip:hover{border-color:var(--red)}
.u-av{width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-name{font-size:12px;font-weight:600;display:none}
@media(min-width:460px){.u-name{display:block}}
.u-dd{position:absolute;right:16px;top:62px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.u-dd.open{display:block}
.u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.ud-n{font-size:14px;font-weight:700}
.ud-e{font-size:11px;color:#999;margin-top:2px}
.u-dd a,.u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500}
.u-dd a:hover,.u-dd button:hover{background:var(--bg)}
.uds{border:none;border-top:1px solid var(--bd);margin:4px 0}

/* DRAWER */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:400;opacity:0;pointer-events:none;transition:.25s}
.dov.open{opacity:1;pointer-events:all}
.drw{position:fixed;top:0;left:0;bottom:0;width:285px;background:#fff;z-index:401;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
.drw.open{transform:translateX(0)}
.drw-h{background:var(--red);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.drw-logo{font-size:17px;font-weight:800;color:#fff}
.drw-logo em{color:rgba(255,255,255,.6);font-style:normal}
.drw-x{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}
.drw-date{padding:9px 18px;font-size:11px;color:#999;background:var(--bg);border-bottom:1px solid var(--bd)}
.drw-sec{padding:5px 0}
.drw-st{font-size:10px;font-weight:700;color:#bbb;letter-spacing:1px;text-transform:uppercase;padding:8px 18px 2px}
.di{display:flex;align-items:center;gap:11px;padding:12px 18px;font-size:14px;color:var(--tx);font-weight:500;cursor:pointer;transition:.15s;border:none;background:none;width:100%;text-align:left}
.di:active{background:var(--bg)}
.di.active{color:var(--red);background:var(--red-l)}
.di-ic{font-size:17px;width:22px;text-align:center;flex-shrink:0}
.di-ar{margin-left:auto;color:#ccc;font-size:11px}
.dsep{border:none;border-top:1px solid var(--bd);margin:5px 0}
.drw-uc{margin:8px 12px;padding:12px 14px;background:var(--red-l);border:1px solid var(--red-b);border-radius:10px}
.drw-un{font-size:14px;font-weight:700}
.drw-ue{font-size:11px;color:#999;margin-top:1px}
.drw-ft{padding:14px 18px;border-top:1px solid var(--bd);margin-top:auto;font-size:11px;color:#bbb;line-height:1.5}

/* HERO */
.hero{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);padding:16px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M20 20h4v4h-4zm-8-8h4v4h-4zm16 0h4v4h-4zm-8 16h4v4h-4z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-in{max-width:1160px;margin:0 auto;position:relative}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:4px}
.hero-lbl{font-size:12px;color:rgba(255,255,255,.7);font-weight:500;display:flex;align-items:center;gap:5px}
.hero-upd{font-size:11px;color:rgba(255,255,255,.5)}
.hero-cards{display:flex;flex-wrap:wrap;gap:10px}
.hc{flex:1 1 140px;min-width:120px}
@media(min-width:560px){.hc{flex:1 1 130px}}
.hc{flex:1 0 140px;min-width:130px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.2s}
.hc:hover{background:rgba(255,255,255,.2)}
/* FLAGS — flag-icons SVG (funcționează pe Windows/Chrome) */
.fi{display:inline-block;width:1.33em;height:1em;background-size:contain;background-position:50%;background-repeat:no-repeat;vertical-align:middle;border-radius:2px}
.flag-wrap{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:3px;overflow:hidden;flex-shrink:0}
.flag-wrap .fi{width:100%;height:100%}
.hc-fl .fi,.rc-fl .fi{width:26px;height:18px;border-radius:2px}
/* CUSTOM SELECT CONVERTOR */
.csel-wrap{position:relative;width:100%}
.csel{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1.5px solid var(--bd);border-radius:10px;cursor:pointer;background:#fff;transition:.15s;user-select:none;min-height:46px}
.csel:hover{border-color:var(--red)}
.csel.open{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.1)}
.csel-flag{width:22px;height:16px;flex-shrink:0;display:flex;align-items:center}
.csel-flag .fi{width:22px;height:15px;border-radius:2px}
.csel-code{font-weight:700;font-size:14px;color:var(--tx);flex-shrink:0}
.csel-name{font-size:12px;color:#888;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.csel-name{display:none}}
.csel-arr{color:#aaa;font-size:11px;flex-shrink:0;transition:.2s}
.csel.open .csel-arr{transform:rotate(180deg)}
.csel-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid var(--bd);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);z-index:200;display:none;overflow:hidden}
.csel-drop.open{display:block}
.csel-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--bd);font-size:16px;outline:none;font-family:inherit;box-sizing:border-box}
.csel-list{max-height:240px;overflow-y:auto}
.csel-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;transition:.1s;font-size:13px}
.csel-item:hover{background:var(--bg)}
.csel-item.selected{background:rgba(212,69,12,.08);color:var(--red)}
.csel-item .fi{width:20px;height:14px;border-radius:2px;flex-shrink:0}
.csel-item-code{font-weight:700;min-width:36px;font-size:13px}
.csel-item-name{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-cd{font-size:11px;color:rgba(255,255,255,.65);letter-spacing:1.5px;font-weight:700;margin-bottom:3px}
.hc-vl{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.hc-ch{font-size:12px;margin-top:6px;font-weight:700;letter-spacing:.2px}
.hc-ch.up{color:#86efac}.hc-ch.dn{color:#fca5a5}.hc-ch.fl{color:rgba(255,255,255,.8)}

/* AD */
.ad-w{max-width:1160px;margin:12px auto;padding:0 16px}
.ad-b{min-height:88px;border:1.5px dashed #d5d5cf;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ccc;background:#fff;letter-spacing:.5px}

/* LAYOUT */
.pw{max-width:1160px;margin:0 auto;padding:0 14px 80px}
@media(min-width:900px){.pw{display:grid;grid-template-columns:1fr 310px;gap:22px;padding-bottom:40px}}
.st{font-size:11px;font-weight:700;color:#aaa;letter-spacing:.6px;text-transform:uppercase;margin:18px 0 10px;display:flex;align-items:center;gap:7px}
.st::before{content:'';display:block;width:3px;height:14px;background:var(--red);border-radius:2px}
.st .stl{margin-left:auto;font-size:12px;font-weight:600;color:var(--red);letter-spacing:0;text-transform:none;cursor:pointer}

/* STATUS BAR */
.status-bar{background:#fff;border:1px solid var(--bd);border-radius:9px;padding:8px 12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:11px}
.sb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.sb-dot.ok{background:#22c55e}
.sb-dot.warn{background:#f59e0b}
.sb-dot.err{background:var(--red)}
.sb-text{color:var(--mu);flex:1;font-size:11px}
.sb-date{font-size:10px;color:#999;font-weight:600;white-space:nowrap}

/* RATE CARDS */
.rg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px}
@media(min-width:600px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:800px){.rg{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1080px){.rg{grid-template-columns:repeat(4,1fr)}}
.rc{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:14px;cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.rc::after{content:'📈 Clic pentru grafic';position:absolute;bottom:0;left:0;right:0;background:rgba(185,28,28,.85);color:#fff;font-size:10px;font-weight:700;text-align:center;padding:4px;opacity:0;transition:.2s;letter-spacing:.03em}
.rc:hover::after{opacity:1}
.rc:hover{border-color:var(--red);box-shadow:0 4px 16px rgba(185,28,28,.15);transform:translateY(-2px)}
.rc:hover{box-shadow:var(--sh);border-color:#bbb}
.rc.act{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.rc-fl{font-size:26px;margin-bottom:6px;line-height:1}
.rc-cd{font-size:12px;font-weight:700;letter-spacing:1px;color:#aaa;margin-bottom:2px}
.rc-nm{font-size:12px;color:#bbb;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-vl{font-size:22px;font-weight:800;color:var(--tx);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.rc-sb{font-size:10px;color:#ccc;margin-top:3px}
.rc-ch{font-size:11px;margin-top:8px;font-weight:600;display:flex;align-items:center;gap:2px}
.rc-ch.up{color:var(--green)}.rc-ch.dn{color:var(--red)}.rc-ch.fl{color:#aaa}
.fb{position:absolute;top:10px;right:10px;font-size:16px;padding:3px;line-height:1;opacity:0;transition:.15s}
.rc:hover .fb,.fb.on{opacity:1}
.fb.on{color:#f59e0b}
@media(hover:none){.fb{opacity:.5}}

/* CONVERTOR */
.cv{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:8px;box-shadow:var(--sh)}
.cv-h{font-size:16px;font-weight:700;margin-bottom:14px}
.cv-a label,.cv-f label{font-size:11px;font-weight:700;color:#aaa;display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.cv-a{margin-bottom:12px}
.cv-a input{width:100%;padding:14px 16px;border:1.5px solid var(--bd);border-radius:11px;font-size:24px;font-weight:800;outline:none;transition:.15s;color:var(--tx);font-variant-numeric:tabular-nums}
.cv-a input:focus{border-color:var(--red)}
.cv-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-bottom:12px}
.cv-f select{width:100%;padding:12px 10px;border:1.5px solid var(--bd);border-radius:11px;font-size:14px;font-weight:600;outline:none;background:#fff;color:var(--tx);transition:.15s;font-family:inherit}
.cv-f select:focus{border-color:var(--red)}
.sw{width:44px;height:44px;border-radius:11px;border:1.5px solid var(--bd);background:var(--bg);color:#888;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.15s;align-self:end;flex-shrink:0}
.sw:hover{border-color:var(--red);color:var(--red)}
.cv-res{background:var(--red-l);border:1.5px solid var(--red-b);border-radius:11px;padding:16px 18px}
.cr-lbl{font-size:11px;color:#999;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}
.cr-vl{font-size:28px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.cr-rt{font-size:12px;color:#aaa;margin-top:5px}
.cv-note{font-size:12px;color:#aaa;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}

/* CHART */
.ch-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.ch-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.ch-hd h3{font-size:14px;font-weight:700}
.ch-tabs{display:flex;gap:4px}
.ct{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s}
.ct.act{background:var(--red);border-color:var(--red);color:#fff}
.ch-a{height:195px;position:relative}
@media(min-width:600px){.ch-a{height:215px}}
.ch-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}
.cst-l{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.cst-v{font-size:13px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.cst-v.up{color:var(--green)}.cst-v.dn{color:var(--red)}

/* TABLE */
.tb-o{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.tb-top{padding:12px 14px;border-bottom:1px solid var(--bd)}
.tb-search{width:100%;padding:9px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:13px;outline:none;font-family:inherit;transition:.15s}
.tb-search:focus{border-color:var(--red)}
.tb-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}
thead{background:var(--bg)}
th{padding:9px 12px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
tr:last-child td{border:none}
tr:hover td{background:#faf9f7}
.td-fl{font-size:18px;width:36px;text-align:center}
.td-vl{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.td-ch{font-weight:700;font-size:11px}
.td-ch.up{color:var(--green)}.td-ch.dn{color:var(--red)}

/* BANKS */
.bk-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.bk-h{padding:14px 16px;border-bottom:1px solid var(--bd)}
.bk-h h3{font-size:14px;font-weight:700}
.bk-note{font-size:11px;color:#aaa;margin-top:2px}
.bk-filt{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--bd);overflow-x:auto;scrollbar-width:none}
.bk-filt::-webkit-scrollbar{display:none}
.bf{font-size:12px;padding:5px 13px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s}
.bf.act{background:var(--red);border-color:var(--red);color:#fff}
.bk-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bk-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.bk-table th{padding:9px 13px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);background:var(--bg);white-space:nowrap}
.bk-table td{padding:11px 13px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
.bk-table tr:last-child td{border:none}
.bk-table tr:hover td{background:#faf9f7}
.bn-cell{font-weight:700;font-size:13px}
.bn-url{font-size:10px;color:var(--red);display:block;margin-top:1px;font-weight:500}
.rb{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}
.rb.buy{color:var(--green)}.rb.sell{color:var(--red)}
.best-b{font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;margin-left:3px;vertical-align:middle}
.bb-buy{background:#dcfce7;color:var(--green)}
.bb-sell{background:#fee2e6;color:var(--red)}
.sp-cell{font-size:11px;color:#aaa;font-variant-numeric:tabular-nums}

/* NEWS */
.nw-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.nw-i{display:flex;gap:11px;padding:13px 15px;border-bottom:1px solid #f2f2ee;transition:.15s}
.nw-i:last-child{border:none}
.nw-clickable{cursor:pointer}
.nw-clickable:hover{background:var(--bg)}
.nw-clickable:hover .nw-t{color:var(--red)}
.nw-ic{font-size:20px;flex-shrink:0;width:30px;text-align:center;margin-top:1px}
.nw-t{font-size:13px;font-weight:600;color:var(--tx);line-height:1.4;margin-bottom:3px}
.nw-m{font-size:10px;color:#aaa;display:flex;gap:7px;align-items:center}
.nw-tg{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--red-l);color:var(--red)}

/* SIDEBAR */
.sc-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.sc-b h3{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:5px}
.ir{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f2f2ee;font-size:13px}
.ir:last-child{border:none}
.il{color:#888}
.iv{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}
.iv.ron{color:var(--red)}
.iv.up{color:var(--green)}.iv.dn{color:var(--red)}
.ad-sd{border:1.5px dashed #d5d5cf;border-radius:var(--r);min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;background:#fff}
.alt-cta{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);border-radius:var(--r);padding:18px;margin-bottom:12px;color:#fff}
.alt-cta h3{font-size:15px;font-weight:700;margin-bottom:5px}
.alt-cta p{font-size:12px;color:rgba(255,255,255,.75);margin-bottom:13px;line-height:1.5}
.alt-cta-btn{width:100%;padding:11px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:700;transition:.15s}
.alt-cta-btn:hover{background:rgba(255,255,255,.25)}
.robor-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.robor-box h3{font-size:13px;font-weight:700;margin-bottom:10px}
.robor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.robor-item{text-align:center;background:var(--bg);border-radius:8px;padding:8px 6px}
.robor-label{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.robor-val{font-size:16px;font-weight:800;color:var(--tx);margin-top:2px;font-variant-numeric:tabular-nums}

/* DASH PAGES */
.dp{display:none;max-width:1160px;margin:0 auto;padding:0 16px 80px}
@media(min-width:700px){.dp{padding-bottom:40px}}
.ph{padding:22px 0 18px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ph h1{font-size:21px;font-weight:800}
.ph p{font-size:13px;color:#888;margin-top:2px}
.sr{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
@media(min-width:600px){.sr{grid-template-columns:repeat(4,1fr)}}
.scard{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.sc-lbl{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.sc-val{font-size:26px;font-weight:800;color:var(--red)}
.sc-sub{font-size:10px;color:#ccc;margin-top:1px}
.sec-card{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sh)}
.sec-card h2{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
.bsm{font-size:12px;padding:7px 13px;border:1.5px solid var(--bd);border-radius:7px;background:#fff;color:var(--tx);font-weight:600;transition:.15s;white-space:nowrap}
.bsm:hover{border-color:var(--red);color:var(--red)}
.bsm.p{background:var(--red);border-color:var(--red);color:#fff}
.bsm.p:hover{background:var(--red-d)}
.bsm.d{color:var(--red);border-color:var(--red-b)}
.alr{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f2f2ee;flex-wrap:wrap}
.alr:last-child{border:none}
.aic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.aiu{background:#dcfce7;color:var(--green)}
.aid{background:#fee2e6;color:var(--red)}
.aip{background:#fef3c7;color:#d97706}
.aim{flex:1;min-width:100px}
.aim-t{font-size:13px;font-weight:700}
.aim-s{font-size:11px;color:#aaa;margin-top:2px}
.badg{font-size:10px;padding:3px 8px;border-radius:20px;font-weight:700}
.bon{background:#dcfce7;color:var(--green)}.boff{background:#f0f0ec;color:#aaa}
.fch{display:inline-flex;align-items:center;gap:7px;background:var(--bg);border:1.5px solid var(--bd);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600;margin:3px;cursor:pointer}
.fch-v{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.fch-rm{color:#ccc;font-size:15px;line-height:1;padding:0 0 0 3px}
.alf{background:var(--bg);border-radius:9px;padding:14px;margin-top:12px;display:none;border:1px solid var(--bd)}
.alf.open{display:block}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:10px;font-weight:700;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
.fg input,.fg select{width:100%;padding:10px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:14px;outline:none;font-family:inherit;background:#fff;color:var(--tx);transition:.15s}
.fg input:focus,.fg select:focus{border-color:var(--red)}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:400px){.fr2{grid-template-columns:1fr}}

/* MODAL */
.mov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:.22s}
@media(min-width:500px){.mov{align-items:center}}
.mov.open{opacity:1;pointer-events:all}
.mod{background:#fff;width:100%;max-width:460px;border-radius:20px 20px 0 0;overflow:hidden;transform:translateY(30px);transition:.28s cubic-bezier(.4,0,.2,1);box-shadow:0 -8px 50px rgba(0,0,0,.18);max-height:95vh;overflow-y:auto}
@media(min-width:500px){.mod{border-radius:16px;transform:translateY(20px)}}
.mov.open .mod{transform:translateY(0)}
.mod-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--bd);background:#fff;position:sticky;top:0;z-index:1}
.mod-h h2{font-size:18px;font-weight:800;letter-spacing:-.3px}
.mod-x{width:30px;height:30px;border-radius:50%;background:var(--bg);color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;transition:.15s;line-height:1}
.mod-x:hover{background:#e0e0dc;color:#333}
.mod-bd{padding:22px}
.mtabs{display:flex;background:var(--bg);border-radius:10px;overflow:hidden;margin-bottom:22px;padding:3px;gap:3px}
.mt{flex:1;padding:10px 12px;font-size:14px;font-weight:700;background:transparent;color:#aaa;transition:.2s;border-radius:8px;border:none;cursor:pointer;font-family:inherit}
.mt.act{background:#fff;color:var(--red);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.fg2{margin-bottom:16px}
.fg2 label{display:block;font-size:11px;font-weight:700;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.fg2 input{width:100%;padding:13px 16px;border:1.5px solid var(--bd);border-radius:10px;font-size:16px;outline:none;font-family:inherit;transition:.18s;-webkit-appearance:none;color:var(--tx);background:#fff;box-sizing:border-box}
.fg2 input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.fg2 input.err-field{border-color:var(--red);background:var(--red-l)}
.fm{font-size:13px;margin-top:8px;padding:10px 14px;border-radius:8px;display:none;line-height:1.4}
.fm.e{display:block;color:#991b1b;background:#fee2e6;border:1px solid #fecaca}
.fm.o{display:block;color:#166534;background:#dcfce7;border:1px solid #bbf7d0}
.bf2{width:100%;padding:14px;background:var(--red);color:#fff;border-radius:10px;font-size:16px;font-weight:700;transition:.18s;margin-top:6px;border:none;font-family:inherit;letter-spacing:.2px;cursor:pointer}
.bf2:hover{background:var(--red-d);transform:translateY(-1px)}
.bf2:active{transform:translateY(0)}
.bf2:disabled{opacity:.55;cursor:not-allowed;transform:none}
.fl{text-align:center;margin-top:14px;font-size:13px;color:#888}
.fl a{color:var(--red);font-weight:700}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:50px}
.pw-e{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#bbb;font-size:16px;padding:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;border-radius:6px;transition:.15s}
.pw-e:hover{color:#888;background:var(--bg)}

/* BOTTOM NAV */
.bnv{display:flex;background:#fff;border-top:1px solid var(--bd);position:fixed;bottom:0;left:0;right:0;z-index:150;padding:4px 0 env(safe-area-inset-bottom,4px)}
@media(min-width:700px){.bnv{display:none}}
.bni{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;font-size:10px;color:#aaa;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:.15s;-webkit-tap-highlight-color:transparent}
.bni.act{color:var(--red)}
.bni svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* TOAST */
.tos-c{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none;width:calc(100% - 28px);max-width:340px}
@media(min-width:700px){.tos-c{bottom:22px}}
.tos{background:#111;color:#fff;padding:11px 17px;border-radius:11px;font-size:13px;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.22);animation:tIn .2s ease;width:100%;text-align:center}
.tos.ok{background:#15803d}.tos.err{background:var(--red)}
@keyframes tIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}

footer{background:#fff;border-top:1px solid var(--bd);padding:0;margin-bottom:58px}
@media(min-width:700px){footer{margin-bottom:0}}
.ft-main{max-width:1160px;margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.ft-main{grid-template-columns:1fr 1fr 1fr}}
.ft-col h4{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.ft-col a{display:block;font-size:13px;color:#777;margin-bottom:6px;transition:.15s}
.ft-col a:hover{color:var(--red)}
.ft-col p{font-size:12px;color:#aaa;line-height:1.6}
.ft-bottom{border-top:1px solid var(--bd);padding:14px 16px;background:var(--bg)}
.ft-bottom-in{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#aaa}
@media(min-width:560px){.ft-bottom-in{flex-direction:row;justify-content:space-between;align-items:center}}
.ft-legal{display:flex;gap:12px;flex-wrap:wrap}
.ft-legal a{color:#999;transition:.15s}
.ft-legal a:hover{color:var(--red)}
.ft-bnr-note{font-size:11px;color:#aaa;line-height:1.5;text-align:center;padding:10px 16px;border-top:1px solid var(--bd);background:var(--bg)}
.ft-bnr-note-in{max-width:800px;margin:0 auto}

/* COOKIE BANNER */
.ck-banner{position:fixed;bottom:0;left:0;right:0;z-index:998;background:#1a1a1a;color:#fff;padding:16px;box-shadow:0 -4px 20px rgba(0,0,0,.2);transform:translateY(0);transition:transform .3s ease}
.ck-banner.hidden{transform:translateY(110%)}
.ck-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
@media(min-width:600px){.ck-inner{flex-direction:row;align-items:center;gap:16px}}
.ck-text{font-size:13px;color:#ccc;line-height:1.5;flex:1}
.ck-text a{color:#f59e0b;text-decoration:underline}
.ck-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
.ck-btn-accept{padding:10px 20px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-accept:hover{background:var(--red-d)}
.ck-btn-reject{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-reject:hover{border-color:#888;color:#fff}
.ck-btn-settings{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-settings:hover{border-color:#888;color:#fff}

/* NEWS PAGE */
.news-page-hdr{padding:20px 0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--bd);margin-bottom:18px}
.news-page-hdr h1{font-size:20px;font-weight:800}
.news-page-hdr p{font-size:13px;color:#888;margin-top:2px}
.news-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.news-filter::-webkit-scrollbar{display:none}
.nf-btn{font-size:12px;padding:6px 14px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s;cursor:pointer}
.nf-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.news-grid{display:flex;flex-direction:column;gap:0}
.news-card{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f2f2ee;cursor:pointer;transition:.15s}
.news-card:first-child{padding-top:0}
.news-card:last-child{border:none}
.news-card:hover .nc-title{color:var(--red)}
.nc-icon{font-size:22px;width:36px;flex-shrink:0;text-align:center;margin-top:2px}
.nc-body{flex:1;min-width:0}
.nc-title{font-size:14px;font-weight:600;color:var(--tx);line-height:1.45;margin-bottom:5px;transition:.15s}
.nc-desc{font-size:12px;color:#888;line-height:1.5;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#aaa}
.nc-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--red-l);color:var(--red)}
.nc-ext{font-size:10px;color:#bbb;margin-left:auto}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;flex-wrap:wrap}
.pg-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--bd);background:#fff;color:var(--tx);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.pg-btn:hover{border-color:var(--red);color:var(--red)}
.pg-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.pg-btn:disabled{opacity:.4;cursor:not-allowed}
.pg-dots{font-size:13px;color:#aaa;padding:0 4px}
.news-loading-full{padding:40px;text-align:center;color:#aaa;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.news-loading-full .spin{width:28px;height:28px;border:3px solid #eee;border-top:3px solid var(--red);border-radius:50%;animation:spin 0.8s linear infinite}

.legal-page{display:none;max-width:800px;margin:0 auto;padding:30px 20px 80px}
.legal-page h1{font-size:22px;font-weight:800;margin-bottom:6px}
.legal-page .lp-date{font-size:12px;color:#aaa;margin-bottom:24px}
.legal-page h2{font-size:16px;font-weight:700;margin:20px 0 8px;color:var(--tx)}
.legal-page p{font-size:14px;color:#555;line-height:1.7;margin-bottom:12px}
.legal-page ul{font-size:14px;color:#555;line-height:1.7;margin:8px 0 12px 20px}
.legal-page ul li{margin-bottom:4px}
/* PREDICTION BOX */
.pred-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.pred-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}
.pred-head h3{font-size:14px;font-weight:700}
.pred-disclaimer{font-size:10px;color:#aaa;margin-top:3px;max-width:400px}
.pred-tabs{display:flex;gap:4px;flex-shrink:0}
.ptab{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s;cursor:pointer}
.ptab.act{background:var(--red);border-color:var(--red);color:#fff}
.pred-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
@media(min-width:500px){.pred-stats{grid-template-columns:repeat(4,1fr)}}
.pstat{background:var(--bg);border-radius:8px;padding:10px 12px}
.pstat-l{font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.pstat-v{font-size:14px;font-weight:700;color:var(--tx);font-variant-numeric:tabular-nums}
.pred-canvas-wrap{height:180px;position:relative;margin-bottom:12px}
.pred-table-wrap{overflow-x:auto}
.pred-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;min-width:380px}
.pred-table-wrap th{padding:7px 10px;text-align:left;font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--bd);background:var(--bg)}
.pred-table-wrap td{padding:8px 10px;border-bottom:1px solid #f2f2ee;font-variant-numeric:tabular-nums}
.pred-table-wrap tr:last-child td{border:none}
.pred-up{color:var(--red)}.pred-dn{color:var(--green)}


.faq details{border-bottom:1px solid var(--bd);padding:10px 0}
.faq summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.faq details p{font-size:13px;color:#666;padding:8px 0 4px;line-height:1.7}
.seo-btn{display:inline-block;padding:11px 24px;background:var(--red);color:#fff;border-radius:9px;font-weight:700;font-size:14px;margin-top:10px;transition:.15s}
.seo-btn:hover{background:#b5360a}
.widget-card{background:#fff;border-radius:var(--r);padding:20px;margin-bottom:14px;box-shadow:var(--sh);border:1.5px solid var(--bd)}
.widget-card h2{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--tx)}
.widget-card p{font-size:13px;color:#888;margin-bottom:14px;line-height:1.6}
.widget-wrap{border-radius:8px;overflow:hidden;border:1px solid var(--bd)}



/* Interbank table */
.ib-table{width:100%;border-collapse:collapse;font-size:14px}
.ib-table thead th{background:var(--bg);padding:11px 14px;text-align:left;font-size:12px;color:#888;font-weight:700;border-bottom:2px solid var(--bd);white-space:nowrap}
.ib-table thead th:not(:first-child){text-align:right}
.ib-table tbody tr{border-bottom:1px solid var(--bd);transition:.1s;cursor:default}
.ib-table tbody tr:hover{background:#f9f9f6}
.ib-table tbody td{padding:13px 14px;vertical-align:middle}
.ib-table tbody td:not(:first-child){text-align:right}
.ib-pair{display:flex;align-items:center;gap:10px}
.ib-arrow{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}
.ib-arrow.up{background:#22c55e}
.ib-arrow.dn{background:#ef4444}
.ib-arrow.fl{background:#aaa}
.ib-sym{font-weight:700;font-size:15px;color:var(--tx)}
.ib-last{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.ib-chg.up{color:#16a34a;font-weight:600}
.ib-chg.dn{color:#dc2626;font-weight:600}
.ib-chg.fl{color:#888}
.ib-pct.up{color:#16a34a;font-weight:700}
.ib-pct.dn{color:#dc2626;font-weight:700}
.ib-pct.fl{color:#888}
.ib-time{color:#aaa;font-size:12px;font-variant-numeric:tabular-nums}
.ib-source{display:flex;align-items:center;gap:8px;padding:9px 14px;border-top:1px solid var(--bd);font-size:11px;color:#aaa;background:var(--bg);border-radius:0 0 8px 8px}
.ib-refresh{margin-left:auto;display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--red);font-weight:600;background:none;border:none;font-size:11px;padding:3px 8px;border-radius:5px;transition:.15s}
.ib-refresh:hover{background:var(--red-l)}
.ib-status{display:flex;align-items:center;gap:6px;font-size:12px;padding:8px 14px;border-bottom:1px solid var(--bd)}
.ib-live-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}
.ib-header-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#888;padding:10px 14px 6px;border-bottom:1px solid var(--bd);background:var(--bg)}
.ib-section{margin-bottom:14px}
.ib-section-title{font-size:13px;font-weight:700;color:var(--tx);margin-bottom:10px;display:flex;align-items:center;gap:7px}
.faq details{border-bottom:1px solid var(--bd);padding:10px 0}
.faq summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.faq details p{font-size:13px;color:#666;padding:8px 0 4px;line-height:1.7}
.seo-btn{display:inline-block;padding:11px 24px;background:var(--red);color:#fff;border-radius:9px;font-weight:700;font-size:14px;margin-top:10px;transition:.15s}
.seo-btn:hover{background:#b5360a}


.seo-u-area{position:relative}
.seo-u-chip{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;background:#fff;border:1.5px solid var(--bd);border-radius:999px;cursor:pointer;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.seo-u-chip:hover{border-color:var(--red)}
.seo-u-chip:active{transform:scale(.96)}
.seo-u-av{width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.seo-u-nm{font-size:13px;font-weight:600;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seo-u-dd{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.seo-u-dd.open{display:block}
.seo-u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.seo-u-dd-n{font-size:14px;font-weight:700;color:var(--tx)}
.seo-u-dd-e{font-size:12px;color:#aaa;margin-top:2px}
.seo-u-dd a,.seo-u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500;border:none;background:none;cursor:pointer;font-family:inherit;text-decoration:none}
.seo-u-dd a:hover,.seo-u-dd button:hover{background:var(--bg)}
.seo-u-dd hr{border:none;border-top:1px solid var(--bd);margin:4px 0}


.drw-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:400;display:none}
.drw-ov.open{display:block}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --red:#d4450c;--red-d:#b5360a;--red-l:#fff5f7;--red-b:#ffd6dc;
  --green:#0a7c4c;--green-l:#f0faf5;
  --bd:#eaeae6;--bg:#f7f7f4;--tx:#111;--mu:#666;
  --r:12px;--sh:0 1px 3px rgba(0,0,0,.07),0 4px 14px rgba(0,0,0,.04)
}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--tx);font-size:15px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* HDR */
.hdr{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:200;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.hdr-in{max-width:1160px;margin:0 auto;padding:0 14px;display:flex;align-items:center;height:52px;gap:8px}
.logo{font-size:17px;font-weight:800;color:var(--red);letter-spacing:-.5px;flex:1;display:flex;align-items:center;justify-content:center;gap:0}
@media(min-width:700px){.logo{flex:0;justify-content:flex-start;font-size:18px}}
.logo-ic{width:26px;height:26px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-right:6px}
@media(min-width:700px){.logo-ic{width:28px;height:28px;font-size:14px;margin-right:7px}}
.logo em{color:var(--tx);font-style:normal}
.hdr-nav{display:none;gap:2px;flex:1}
@media(min-width:700px){.hdr-nav{display:flex}}
.hdr-nav a{font-size:13px;font-weight:500;color:var(--mu);padding:6px 11px;border-radius:7px;white-space:nowrap;transition:.15s}
.hdr-nav a:hover,.hdr-nav a.active{color:var(--red);background:var(--red-l)}
.hdr-r{display:flex;align-items:center;gap:7px;flex-shrink:0}
@media(min-width:700px){.hdr-r{margin-left:auto}}
.live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;display:none}
@media(min-width:700px){.live-dot{display:block}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hdr-date{font-size:11px;color:#999;background:var(--bg);padding:4px 9px;border-radius:20px;border:1px solid var(--bd);display:none;white-space:nowrap}
@media(min-width:560px){.hdr-date{display:block}}
.btn-in{font-size:12px;padding:6px 11px;border:1.5px solid var(--bd);border-radius:8px;background:#fff;color:var(--tx);font-weight:500;transition:.15s;white-space:nowrap;display:none}
@media(min-width:440px){.btn-in{display:block}}
.btn-in:hover{border-color:var(--red);color:var(--red)}
.btn-rg{font-size:12px;padding:6px 12px;border-radius:8px;background:var(--red);color:#fff;font-weight:700;transition:.15s;white-space:nowrap;border:none}
.btn-rg:hover{background:var(--red-d)}
.ham{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px;transition:.15s;flex-shrink:0}
@media(min-width:700px){.ham{display:none}}
.ham span{display:block;width:20px;height:2px;background:var(--tx);border-radius:2px;transition:.25s}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.u-chip{display:flex;align-items:center;gap:7px;padding:3px 11px 3px 3px;background:var(--bg);border:1.5px solid var(--bd);border-radius:30px;cursor:pointer;transition:.15s}
.u-chip:hover{border-color:var(--red)}
.u-av{width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-name{font-size:12px;font-weight:600;display:none}
@media(min-width:460px){.u-name{display:block}}
.u-dd{position:absolute;right:16px;top:62px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.u-dd.open{display:block}
.u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.ud-n{font-size:14px;font-weight:700}
.ud-e{font-size:11px;color:#999;margin-top:2px}
.u-dd a,.u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500}
.u-dd a:hover,.u-dd button:hover{background:var(--bg)}
.uds{border:none;border-top:1px solid var(--bd);margin:4px 0}

/* DRAWER */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:400;opacity:0;pointer-events:none;transition:.25s}
.dov.open{opacity:1;pointer-events:all}
.drw{position:fixed;top:0;left:0;bottom:0;width:285px;background:#fff;z-index:401;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
.drw.open{transform:translateX(0)}
.drw-h{background:var(--red);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.drw-logo{font-size:17px;font-weight:800;color:#fff}
.drw-logo em{color:rgba(255,255,255,.6);font-style:normal}
.drw-x{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}
.drw-date{padding:9px 18px;font-size:11px;color:#999;background:var(--bg);border-bottom:1px solid var(--bd)}
.drw-sec{padding:5px 0}
.drw-st{font-size:10px;font-weight:700;color:#bbb;letter-spacing:1px;text-transform:uppercase;padding:8px 18px 2px}
.di{display:flex;align-items:center;gap:11px;padding:12px 18px;font-size:14px;color:var(--tx);font-weight:500;cursor:pointer;transition:.15s;border:none;background:none;width:100%;text-align:left}
.di:active{background:var(--bg)}
.di.active{color:var(--red);background:var(--red-l)}
.di-ic{font-size:17px;width:22px;text-align:center;flex-shrink:0}
.di-ar{margin-left:auto;color:#ccc;font-size:11px}
.dsep{border:none;border-top:1px solid var(--bd);margin:5px 0}
.drw-uc{margin:8px 12px;padding:12px 14px;background:var(--red-l);border:1px solid var(--red-b);border-radius:10px}
.drw-un{font-size:14px;font-weight:700}
.drw-ue{font-size:11px;color:#999;margin-top:1px}
.drw-ft{padding:14px 18px;border-top:1px solid var(--bd);margin-top:auto;font-size:11px;color:#bbb;line-height:1.5}

/* HERO */
.hero{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);padding:16px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M20 20h4v4h-4zm-8-8h4v4h-4zm16 0h4v4h-4zm-8 16h4v4h-4z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-in{max-width:1160px;margin:0 auto;position:relative}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:4px}
.hero-lbl{font-size:12px;color:rgba(255,255,255,.7);font-weight:500;display:flex;align-items:center;gap:5px}
.hero-upd{font-size:11px;color:rgba(255,255,255,.5)}
.hero-cards{display:flex;flex-wrap:wrap;gap:10px}
.hc{flex:1 1 140px;min-width:120px}
@media(min-width:560px){.hc{flex:1 1 130px}}
.hc{flex:1 0 140px;min-width:130px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.2s}
.hc:hover{background:rgba(255,255,255,.2)}
/* FLAGS — flag-icons SVG (funcționează pe Windows/Chrome) */
.fi{display:inline-block;width:1.33em;height:1em;background-size:contain;background-position:50%;background-repeat:no-repeat;vertical-align:middle;border-radius:2px}
.flag-wrap{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:3px;overflow:hidden;flex-shrink:0}
.flag-wrap .fi{width:100%;height:100%}
.hc-fl .fi,.rc-fl .fi{width:26px;height:18px;border-radius:2px}
/* CUSTOM SELECT CONVERTOR */
.csel-wrap{position:relative;width:100%}
.csel{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1.5px solid var(--bd);border-radius:10px;cursor:pointer;background:#fff;transition:.15s;user-select:none;min-height:46px}
.csel:hover{border-color:var(--red)}
.csel.open{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.1)}
.csel-flag{width:22px;height:16px;flex-shrink:0;display:flex;align-items:center}
.csel-flag .fi{width:22px;height:15px;border-radius:2px}
.csel-code{font-weight:700;font-size:14px;color:var(--tx);flex-shrink:0}
.csel-name{font-size:12px;color:#888;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.csel-name{display:none}}
.csel-arr{color:#aaa;font-size:11px;flex-shrink:0;transition:.2s}
.csel.open .csel-arr{transform:rotate(180deg)}
.csel-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid var(--bd);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);z-index:200;display:none;overflow:hidden}
.csel-drop.open{display:block}
.csel-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--bd);font-size:16px;outline:none;font-family:inherit;box-sizing:border-box}
.csel-list{max-height:240px;overflow-y:auto}
.csel-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;transition:.1s;font-size:13px}
.csel-item:hover{background:var(--bg)}
.csel-item.selected{background:rgba(212,69,12,.08);color:var(--red)}
.csel-item .fi{width:20px;height:14px;border-radius:2px;flex-shrink:0}
.csel-item-code{font-weight:700;min-width:36px;font-size:13px}
.csel-item-name{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-cd{font-size:11px;color:rgba(255,255,255,.65);letter-spacing:1.5px;font-weight:700;margin-bottom:3px}
.hc-vl{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.hc-ch{font-size:12px;margin-top:6px;font-weight:700;letter-spacing:.2px}
.hc-ch.up{color:#86efac}.hc-ch.dn{color:#fca5a5}.hc-ch.fl{color:rgba(255,255,255,.8)}

/* AD */
.ad-w{max-width:1160px;margin:12px auto;padding:0 16px}
.ad-b{min-height:88px;border:1.5px dashed #d5d5cf;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ccc;background:#fff;letter-spacing:.5px}

/* LAYOUT */
.pw{max-width:1160px;margin:0 auto;padding:0 14px 80px}
@media(min-width:900px){.pw{display:grid;grid-template-columns:1fr 310px;gap:22px;padding-bottom:40px}}
.st{font-size:11px;font-weight:700;color:#aaa;letter-spacing:.6px;text-transform:uppercase;margin:18px 0 10px;display:flex;align-items:center;gap:7px}
.st::before{content:'';display:block;width:3px;height:14px;background:var(--red);border-radius:2px}
.st .stl{margin-left:auto;font-size:12px;font-weight:600;color:var(--red);letter-spacing:0;text-transform:none;cursor:pointer}

/* STATUS BAR */
.status-bar{background:#fff;border:1px solid var(--bd);border-radius:9px;padding:8px 12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:11px}
.sb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.sb-dot.ok{background:#22c55e}
.sb-dot.warn{background:#f59e0b}
.sb-dot.err{background:var(--red)}
.sb-text{color:var(--mu);flex:1;font-size:11px}
.sb-date{font-size:10px;color:#999;font-weight:600;white-space:nowrap}

/* RATE CARDS */
.rg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px}
@media(min-width:600px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:800px){.rg{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1080px){.rg{grid-template-columns:repeat(4,1fr)}}
.rc{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:14px;cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.rc::after{content:'📈 Clic pentru grafic';position:absolute;bottom:0;left:0;right:0;background:rgba(185,28,28,.85);color:#fff;font-size:10px;font-weight:700;text-align:center;padding:4px;opacity:0;transition:.2s;letter-spacing:.03em}
.rc:hover::after{opacity:1}
.rc:hover{border-color:var(--red);box-shadow:0 4px 16px rgba(185,28,28,.15);transform:translateY(-2px)}
.rc:hover{box-shadow:var(--sh);border-color:#bbb}
.rc.act{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.rc-fl{font-size:26px;margin-bottom:6px;line-height:1}
.rc-cd{font-size:12px;font-weight:700;letter-spacing:1px;color:#aaa;margin-bottom:2px}
.rc-nm{font-size:12px;color:#bbb;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-vl{font-size:22px;font-weight:800;color:var(--tx);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.rc-sb{font-size:10px;color:#ccc;margin-top:3px}
.rc-ch{font-size:11px;margin-top:8px;font-weight:600;display:flex;align-items:center;gap:2px}
.rc-ch.up{color:var(--green)}.rc-ch.dn{color:var(--red)}.rc-ch.fl{color:#aaa}
.fb{position:absolute;top:10px;right:10px;font-size:16px;padding:3px;line-height:1;opacity:0;transition:.15s}
.rc:hover .fb,.fb.on{opacity:1}
.fb.on{color:#f59e0b}
@media(hover:none){.fb{opacity:.5}}

/* CONVERTOR */
.cv{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:8px;box-shadow:var(--sh)}
.cv-h{font-size:16px;font-weight:700;margin-bottom:14px}
.cv-a label,.cv-f label{font-size:11px;font-weight:700;color:#aaa;display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.cv-a{margin-bottom:12px}
.cv-a input{width:100%;padding:14px 16px;border:1.5px solid var(--bd);border-radius:11px;font-size:24px;font-weight:800;outline:none;transition:.15s;color:var(--tx);font-variant-numeric:tabular-nums}
.cv-a input:focus{border-color:var(--red)}
.cv-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-bottom:12px}
.cv-f select{width:100%;padding:12px 10px;border:1.5px solid var(--bd);border-radius:11px;font-size:14px;font-weight:600;outline:none;background:#fff;color:var(--tx);transition:.15s;font-family:inherit}
.cv-f select:focus{border-color:var(--red)}
.sw{width:44px;height:44px;border-radius:11px;border:1.5px solid var(--bd);background:var(--bg);color:#888;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.15s;align-self:end;flex-shrink:0}
.sw:hover{border-color:var(--red);color:var(--red)}
.cv-res{background:var(--red-l);border:1.5px solid var(--red-b);border-radius:11px;padding:16px 18px}
.cr-lbl{font-size:11px;color:#999;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}
.cr-vl{font-size:28px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.cr-rt{font-size:12px;color:#aaa;margin-top:5px}
.cv-note{font-size:12px;color:#aaa;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}

/* CHART */
.ch-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.ch-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.ch-hd h3{font-size:14px;font-weight:700}
.ch-tabs{display:flex;gap:4px}
.ct{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s}
.ct.act{background:var(--red);border-color:var(--red);color:#fff}
.ch-a{height:195px;position:relative}
@media(min-width:600px){.ch-a{height:215px}}
.ch-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}
.cst-l{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.cst-v{font-size:13px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.cst-v.up{color:var(--green)}.cst-v.dn{color:var(--red)}

/* TABLE */
.tb-o{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.tb-top{padding:12px 14px;border-bottom:1px solid var(--bd)}
.tb-search{width:100%;padding:9px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:13px;outline:none;font-family:inherit;transition:.15s}
.tb-search:focus{border-color:var(--red)}
.tb-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}
thead{background:var(--bg)}
th{padding:9px 12px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
tr:last-child td{border:none}
tr:hover td{background:#faf9f7}
.td-fl{font-size:18px;width:36px;text-align:center}
.td-vl{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.td-ch{font-weight:700;font-size:11px}
.td-ch.up{color:var(--green)}.td-ch.dn{color:var(--red)}

/* BANKS */
.bk-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.bk-h{padding:14px 16px;border-bottom:1px solid var(--bd)}
.bk-h h3{font-size:14px;font-weight:700}
.bk-note{font-size:11px;color:#aaa;margin-top:2px}
.bk-filt{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--bd);overflow-x:auto;scrollbar-width:none}
.bk-filt::-webkit-scrollbar{display:none}
.bf{font-size:12px;padding:5px 13px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s}
.bf.act{background:var(--red);border-color:var(--red);color:#fff}
.bk-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bk-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.bk-table th{padding:9px 13px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);background:var(--bg);white-space:nowrap}
.bk-table td{padding:11px 13px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
.bk-table tr:last-child td{border:none}
.bk-table tr:hover td{background:#faf9f7}
.bn-cell{font-weight:700;font-size:13px}
.bn-url{font-size:10px;color:var(--red);display:block;margin-top:1px;font-weight:500}
.rb{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}
.rb.buy{color:var(--green)}.rb.sell{color:var(--red)}
.best-b{font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;margin-left:3px;vertical-align:middle}
.bb-buy{background:#dcfce7;color:var(--green)}
.bb-sell{background:#fee2e6;color:var(--red)}
.sp-cell{font-size:11px;color:#aaa;font-variant-numeric:tabular-nums}

/* NEWS */
.nw-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.nw-i{display:flex;gap:11px;padding:13px 15px;border-bottom:1px solid #f2f2ee;transition:.15s}
.nw-i:last-child{border:none}
.nw-clickable{cursor:pointer}
.nw-clickable:hover{background:var(--bg)}
.nw-clickable:hover .nw-t{color:var(--red)}
.nw-ic{font-size:20px;flex-shrink:0;width:30px;text-align:center;margin-top:1px}
.nw-t{font-size:13px;font-weight:600;color:var(--tx);line-height:1.4;margin-bottom:3px}
.nw-m{font-size:10px;color:#aaa;display:flex;gap:7px;align-items:center}
.nw-tg{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--red-l);color:var(--red)}

/* SIDEBAR */
.sc-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.sc-b h3{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:5px}
.ir{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f2f2ee;font-size:13px}
.ir:last-child{border:none}
.il{color:#888}
.iv{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}
.iv.ron{color:var(--red)}
.iv.up{color:var(--green)}.iv.dn{color:var(--red)}
.ad-sd{border:1.5px dashed #d5d5cf;border-radius:var(--r);min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;background:#fff}
.alt-cta{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);border-radius:var(--r);padding:18px;margin-bottom:12px;color:#fff}
.alt-cta h3{font-size:15px;font-weight:700;margin-bottom:5px}
.alt-cta p{font-size:12px;color:rgba(255,255,255,.75);margin-bottom:13px;line-height:1.5}
.alt-cta-btn{width:100%;padding:11px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:700;transition:.15s}
.alt-cta-btn:hover{background:rgba(255,255,255,.25)}
.robor-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.robor-box h3{font-size:13px;font-weight:700;margin-bottom:10px}
.robor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.robor-item{text-align:center;background:var(--bg);border-radius:8px;padding:8px 6px}
.robor-label{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.robor-val{font-size:16px;font-weight:800;color:var(--tx);margin-top:2px;font-variant-numeric:tabular-nums}

/* DASH PAGES */
.dp{display:none;max-width:1160px;margin:0 auto;padding:0 16px 80px}
@media(min-width:700px){.dp{padding-bottom:40px}}
.ph{padding:22px 0 18px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ph h1{font-size:21px;font-weight:800}
.ph p{font-size:13px;color:#888;margin-top:2px}
.sr{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
@media(min-width:600px){.sr{grid-template-columns:repeat(4,1fr)}}
.scard{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.sc-lbl{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.sc-val{font-size:26px;font-weight:800;color:var(--red)}
.sc-sub{font-size:10px;color:#ccc;margin-top:1px}
.sec-card{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sh)}
.sec-card h2{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
.bsm{font-size:12px;padding:7px 13px;border:1.5px solid var(--bd);border-radius:7px;background:#fff;color:var(--tx);font-weight:600;transition:.15s;white-space:nowrap}
.bsm:hover{border-color:var(--red);color:var(--red)}
.bsm.p{background:var(--red);border-color:var(--red);color:#fff}
.bsm.p:hover{background:var(--red-d)}
.bsm.d{color:var(--red);border-color:var(--red-b)}
.alr{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f2f2ee;flex-wrap:wrap}
.alr:last-child{border:none}
.aic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.aiu{background:#dcfce7;color:var(--green)}
.aid{background:#fee2e6;color:var(--red)}
.aip{background:#fef3c7;color:#d97706}
.aim{flex:1;min-width:100px}
.aim-t{font-size:13px;font-weight:700}
.aim-s{font-size:11px;color:#aaa;margin-top:2px}
.badg{font-size:10px;padding:3px 8px;border-radius:20px;font-weight:700}
.bon{background:#dcfce7;color:var(--green)}.boff{background:#f0f0ec;color:#aaa}
.fch{display:inline-flex;align-items:center;gap:7px;background:var(--bg);border:1.5px solid var(--bd);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600;margin:3px;cursor:pointer}
.fch-v{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.fch-rm{color:#ccc;font-size:15px;line-height:1;padding:0 0 0 3px}
.alf{background:var(--bg);border-radius:9px;padding:14px;margin-top:12px;display:none;border:1px solid var(--bd)}
.alf.open{display:block}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:10px;font-weight:700;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
.fg input,.fg select{width:100%;padding:10px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:14px;outline:none;font-family:inherit;background:#fff;color:var(--tx);transition:.15s}
.fg input:focus,.fg select:focus{border-color:var(--red)}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:400px){.fr2{grid-template-columns:1fr}}

/* MODAL */
.mov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:.22s}
@media(min-width:500px){.mov{align-items:center}}
.mov.open{opacity:1;pointer-events:all}
.mod{background:#fff;width:100%;max-width:460px;border-radius:20px 20px 0 0;overflow:hidden;transform:translateY(30px);transition:.28s cubic-bezier(.4,0,.2,1);box-shadow:0 -8px 50px rgba(0,0,0,.18);max-height:95vh;overflow-y:auto}
@media(min-width:500px){.mod{border-radius:16px;transform:translateY(20px)}}
.mov.open .mod{transform:translateY(0)}
.mod-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--bd);background:#fff;position:sticky;top:0;z-index:1}
.mod-h h2{font-size:18px;font-weight:800;letter-spacing:-.3px}
.mod-x{width:30px;height:30px;border-radius:50%;background:var(--bg);color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;transition:.15s;line-height:1}
.mod-x:hover{background:#e0e0dc;color:#333}
.mod-bd{padding:22px}
.mtabs{display:flex;background:var(--bg);border-radius:10px;overflow:hidden;margin-bottom:22px;padding:3px;gap:3px}
.mt{flex:1;padding:10px 12px;font-size:14px;font-weight:700;background:transparent;color:#aaa;transition:.2s;border-radius:8px;border:none;cursor:pointer;font-family:inherit}
.mt.act{background:#fff;color:var(--red);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.fg2{margin-bottom:16px}
.fg2 label{display:block;font-size:11px;font-weight:700;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.fg2 input{width:100%;padding:13px 16px;border:1.5px solid var(--bd);border-radius:10px;font-size:16px;outline:none;font-family:inherit;transition:.18s;-webkit-appearance:none;color:var(--tx);background:#fff;box-sizing:border-box}
.fg2 input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.fg2 input.err-field{border-color:var(--red);background:var(--red-l)}
.fm{font-size:13px;margin-top:8px;padding:10px 14px;border-radius:8px;display:none;line-height:1.4}
.fm.e{display:block;color:#991b1b;background:#fee2e6;border:1px solid #fecaca}
.fm.o{display:block;color:#166534;background:#dcfce7;border:1px solid #bbf7d0}
.bf2{width:100%;padding:14px;background:var(--red);color:#fff;border-radius:10px;font-size:16px;font-weight:700;transition:.18s;margin-top:6px;border:none;font-family:inherit;letter-spacing:.2px;cursor:pointer}
.bf2:hover{background:var(--red-d);transform:translateY(-1px)}
.bf2:active{transform:translateY(0)}
.bf2:disabled{opacity:.55;cursor:not-allowed;transform:none}
.fl{text-align:center;margin-top:14px;font-size:13px;color:#888}
.fl a{color:var(--red);font-weight:700}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:50px}
.pw-e{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#bbb;font-size:16px;padding:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;border-radius:6px;transition:.15s}
.pw-e:hover{color:#888;background:var(--bg)}

/* BOTTOM NAV */
.bnv{display:flex;background:#fff;border-top:1px solid var(--bd);position:fixed;bottom:0;left:0;right:0;z-index:150;padding:4px 0 env(safe-area-inset-bottom,4px)}
@media(min-width:700px){.bnv{display:none}}
.bni{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;font-size:10px;color:#aaa;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:.15s;-webkit-tap-highlight-color:transparent}
.bni.act{color:var(--red)}
.bni svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* TOAST */
.tos-c{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none;width:calc(100% - 28px);max-width:340px}
@media(min-width:700px){.tos-c{bottom:22px}}
.tos{background:#111;color:#fff;padding:11px 17px;border-radius:11px;font-size:13px;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.22);animation:tIn .2s ease;width:100%;text-align:center}
.tos.ok{background:#15803d}.tos.err{background:var(--red)}
@keyframes tIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}

footer{background:#fff;border-top:1px solid var(--bd);padding:0;margin-bottom:58px}
@media(min-width:700px){footer{margin-bottom:0}}
.ft-main{max-width:1160px;margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.ft-main{grid-template-columns:1fr 1fr 1fr}}
.ft-col h4{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.ft-col a{display:block;font-size:13px;color:#777;margin-bottom:6px;transition:.15s}
.ft-col a:hover{color:var(--red)}
.ft-col p{font-size:12px;color:#aaa;line-height:1.6}
.ft-bottom{border-top:1px solid var(--bd);padding:14px 16px;background:var(--bg)}
.ft-bottom-in{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#aaa}
@media(min-width:560px){.ft-bottom-in{flex-direction:row;justify-content:space-between;align-items:center}}
.ft-legal{display:flex;gap:12px;flex-wrap:wrap}
.ft-legal a{color:#999;transition:.15s}
.ft-legal a:hover{color:var(--red)}
.ft-bnr-note{font-size:11px;color:#aaa;line-height:1.5;text-align:center;padding:10px 16px;border-top:1px solid var(--bd);background:var(--bg)}
.ft-bnr-note-in{max-width:800px;margin:0 auto}

/* COOKIE BANNER */
.ck-banner{position:fixed;bottom:0;left:0;right:0;z-index:998;background:#1a1a1a;color:#fff;padding:16px;box-shadow:0 -4px 20px rgba(0,0,0,.2);transform:translateY(0);transition:transform .3s ease}
.ck-banner.hidden{transform:translateY(110%)}
.ck-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
@media(min-width:600px){.ck-inner{flex-direction:row;align-items:center;gap:16px}}
.ck-text{font-size:13px;color:#ccc;line-height:1.5;flex:1}
.ck-text a{color:#f59e0b;text-decoration:underline}
.ck-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
.ck-btn-accept{padding:10px 20px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-accept:hover{background:var(--red-d)}
.ck-btn-reject{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-reject:hover{border-color:#888;color:#fff}
.ck-btn-settings{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-settings:hover{border-color:#888;color:#fff}

/* NEWS PAGE */
.news-page-hdr{padding:20px 0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--bd);margin-bottom:18px}
.news-page-hdr h1{font-size:20px;font-weight:800}
.news-page-hdr p{font-size:13px;color:#888;margin-top:2px}
.news-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.news-filter::-webkit-scrollbar{display:none}
.nf-btn{font-size:12px;padding:6px 14px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s;cursor:pointer}
.nf-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.news-grid{display:flex;flex-direction:column;gap:0}
.news-card{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f2f2ee;cursor:pointer;transition:.15s}
.news-card:first-child{padding-top:0}
.news-card:last-child{border:none}
.news-card:hover .nc-title{color:var(--red)}
.nc-icon{font-size:22px;width:36px;flex-shrink:0;text-align:center;margin-top:2px}
.nc-body{flex:1;min-width:0}
.nc-title{font-size:14px;font-weight:600;color:var(--tx);line-height:1.45;margin-bottom:5px;transition:.15s}
.nc-desc{font-size:12px;color:#888;line-height:1.5;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#aaa}
.nc-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--red-l);color:var(--red)}
.nc-ext{font-size:10px;color:#bbb;margin-left:auto}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;flex-wrap:wrap}
.pg-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--bd);background:#fff;color:var(--tx);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.pg-btn:hover{border-color:var(--red);color:var(--red)}
.pg-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.pg-btn:disabled{opacity:.4;cursor:not-allowed}
.pg-dots{font-size:13px;color:#aaa;padding:0 4px}
.news-loading-full{padding:40px;text-align:center;color:#aaa;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.news-loading-full .spin{width:28px;height:28px;border:3px solid #eee;border-top:3px solid var(--red);border-radius:50%;animation:spin 0.8s linear infinite}

.legal-page{display:none;max-width:800px;margin:0 auto;padding:30px 20px 80px}
.legal-page h1{font-size:22px;font-weight:800;margin-bottom:6px}
.legal-page .lp-date{font-size:12px;color:#aaa;margin-bottom:24px}
.legal-page h2{font-size:16px;font-weight:700;margin:20px 0 8px;color:var(--tx)}
.legal-page p{font-size:14px;color:#555;line-height:1.7;margin-bottom:12px}
.legal-page ul{font-size:14px;color:#555;line-height:1.7;margin:8px 0 12px 20px}
.legal-page ul li{margin-bottom:4px}
/* PREDICTION BOX */
.pred-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.pred-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}
.pred-head h3{font-size:14px;font-weight:700}
.pred-disclaimer{font-size:10px;color:#aaa;margin-top:3px;max-width:400px}
.pred-tabs{display:flex;gap:4px;flex-shrink:0}
.ptab{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s;cursor:pointer}
.ptab.act{background:var(--red);border-color:var(--red);color:#fff}
.pred-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
@media(min-width:500px){.pred-stats{grid-template-columns:repeat(4,1fr)}}
.pstat{background:var(--bg);border-radius:8px;padding:10px 12px}
.pstat-l{font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.pstat-v{font-size:14px;font-weight:700;color:var(--tx);font-variant-numeric:tabular-nums}
.pred-canvas-wrap{height:180px;position:relative;margin-bottom:12px}
.pred-table-wrap{overflow-x:auto}
.pred-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;min-width:380px}
.pred-table-wrap th{padding:7px 10px;text-align:left;font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--bd);background:var(--bg)}
.pred-table-wrap td{padding:8px 10px;border-bottom:1px solid #f2f2ee;font-variant-numeric:tabular-nums}
.pred-table-wrap tr:last-child td{border:none}
.pred-up{color:var(--red)}.pred-dn{color:var(--green)}

.info-card{background:#fff3cd;border:1px solid #ffc107;border-radius:10px;padding:14px;font-size:13px;color:#555;line-height:1.7;margin-bottom:12px}
.seo-btn{display:inline-block;padding:11px 24px;background:var(--red);color:#fff;border-radius:9px;font-weight:700;font-size:14px;margin-top:10px}
.faq details{border-bottom:1px solid var(--bd);padding:10px 0}
.faq summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.faq details p{font-size:13px;color:#666;padding:8px 0 4px;line-height:1.7}

.seo-u-area{position:relative}
.seo-u-chip{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;background:#fff;border:1.5px solid var(--bd);border-radius:999px;cursor:pointer;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.seo-u-chip:hover{border-color:var(--red)}
.seo-u-chip:active{transform:scale(.96)}
.seo-u-av{width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.seo-u-nm{font-size:13px;font-weight:600;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seo-u-dd{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.seo-u-dd.open{display:block}
.seo-u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.seo-u-dd-n{font-size:14px;font-weight:700;color:var(--tx)}
.seo-u-dd-e{font-size:12px;color:#aaa;margin-top:2px}
.seo-u-dd a,.seo-u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500;border:none;background:none;cursor:pointer;font-family:inherit;text-decoration:none}
.seo-u-dd a:hover,.seo-u-dd button:hover{background:var(--bg)}
.seo-u-dd hr{border:none;border-top:1px solid var(--bd);margin:4px 0}


.drw-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:400;display:none}
.drw-ov.open{display:block}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --red:#d4450c;--red-d:#b5360a;--red-l:#fff5f7;--red-b:#ffd6dc;
  --green:#0a7c4c;--green-l:#f0faf5;
  --bd:#eaeae6;--bg:#f7f7f4;--tx:#111;--mu:#666;
  --r:12px;--sh:0 1px 3px rgba(0,0,0,.07),0 4px 14px rgba(0,0,0,.04)
}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--tx);font-size:15px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* HDR */
.hdr{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:200;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.hdr-in{max-width:1160px;margin:0 auto;padding:0 14px;display:flex;align-items:center;height:52px;gap:8px}
.logo{font-size:17px;font-weight:800;color:var(--red);letter-spacing:-.5px;flex:1;display:flex;align-items:center;justify-content:center;gap:0}
@media(min-width:700px){.logo{flex:0;justify-content:flex-start;font-size:18px}}
.logo-ic{width:26px;height:26px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-right:6px}
@media(min-width:700px){.logo-ic{width:28px;height:28px;font-size:14px;margin-right:7px}}
.logo em{color:var(--tx);font-style:normal}
.hdr-nav{display:none;gap:2px;flex:1}
@media(min-width:700px){.hdr-nav{display:flex}}
.hdr-nav a{font-size:13px;font-weight:500;color:var(--mu);padding:6px 11px;border-radius:7px;white-space:nowrap;transition:.15s}
.hdr-nav a:hover,.hdr-nav a.active{color:var(--red);background:var(--red-l)}
.hdr-r{display:flex;align-items:center;gap:7px;flex-shrink:0}
@media(min-width:700px){.hdr-r{margin-left:auto}}
.live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;display:none}
@media(min-width:700px){.live-dot{display:block}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hdr-date{font-size:11px;color:#999;background:var(--bg);padding:4px 9px;border-radius:20px;border:1px solid var(--bd);display:none;white-space:nowrap}
@media(min-width:560px){.hdr-date{display:block}}
.btn-in{font-size:12px;padding:6px 11px;border:1.5px solid var(--bd);border-radius:8px;background:#fff;color:var(--tx);font-weight:500;transition:.15s;white-space:nowrap;display:none}
@media(min-width:440px){.btn-in{display:block}}
.btn-in:hover{border-color:var(--red);color:var(--red)}
.btn-rg{font-size:12px;padding:6px 12px;border-radius:8px;background:var(--red);color:#fff;font-weight:700;transition:.15s;white-space:nowrap;border:none}
.btn-rg:hover{background:var(--red-d)}
.ham{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px;transition:.15s;flex-shrink:0}
@media(min-width:700px){.ham{display:none}}
.ham span{display:block;width:20px;height:2px;background:var(--tx);border-radius:2px;transition:.25s}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.u-chip{display:flex;align-items:center;gap:7px;padding:3px 11px 3px 3px;background:var(--bg);border:1.5px solid var(--bd);border-radius:30px;cursor:pointer;transition:.15s}
.u-chip:hover{border-color:var(--red)}
.u-av{width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-name{font-size:12px;font-weight:600;display:none}
@media(min-width:460px){.u-name{display:block}}
.u-dd{position:absolute;right:16px;top:62px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.u-dd.open{display:block}
.u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.ud-n{font-size:14px;font-weight:700}
.ud-e{font-size:11px;color:#999;margin-top:2px}
.u-dd a,.u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500}
.u-dd a:hover,.u-dd button:hover{background:var(--bg)}
.uds{border:none;border-top:1px solid var(--bd);margin:4px 0}

/* DRAWER */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:400;opacity:0;pointer-events:none;transition:.25s}
.dov.open{opacity:1;pointer-events:all}
.drw{position:fixed;top:0;left:0;bottom:0;width:285px;background:#fff;z-index:401;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
.drw.open{transform:translateX(0)}
.drw-h{background:var(--red);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.drw-logo{font-size:17px;font-weight:800;color:#fff}
.drw-logo em{color:rgba(255,255,255,.6);font-style:normal}
.drw-x{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}
.drw-date{padding:9px 18px;font-size:11px;color:#999;background:var(--bg);border-bottom:1px solid var(--bd)}
.drw-sec{padding:5px 0}
.drw-st{font-size:10px;font-weight:700;color:#bbb;letter-spacing:1px;text-transform:uppercase;padding:8px 18px 2px}
.di{display:flex;align-items:center;gap:11px;padding:12px 18px;font-size:14px;color:var(--tx);font-weight:500;cursor:pointer;transition:.15s;border:none;background:none;width:100%;text-align:left}
.di:active{background:var(--bg)}
.di.active{color:var(--red);background:var(--red-l)}
.di-ic{font-size:17px;width:22px;text-align:center;flex-shrink:0}
.di-ar{margin-left:auto;color:#ccc;font-size:11px}
.dsep{border:none;border-top:1px solid var(--bd);margin:5px 0}
.drw-uc{margin:8px 12px;padding:12px 14px;background:var(--red-l);border:1px solid var(--red-b);border-radius:10px}
.drw-un{font-size:14px;font-weight:700}
.drw-ue{font-size:11px;color:#999;margin-top:1px}
.drw-ft{padding:14px 18px;border-top:1px solid var(--bd);margin-top:auto;font-size:11px;color:#bbb;line-height:1.5}

/* HERO */
.hero{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);padding:16px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M20 20h4v4h-4zm-8-8h4v4h-4zm16 0h4v4h-4zm-8 16h4v4h-4z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-in{max-width:1160px;margin:0 auto;position:relative}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:4px}
.hero-lbl{font-size:12px;color:rgba(255,255,255,.7);font-weight:500;display:flex;align-items:center;gap:5px}
.hero-upd{font-size:11px;color:rgba(255,255,255,.5)}
.hero-cards{display:flex;flex-wrap:wrap;gap:10px}
.hc{flex:1 1 140px;min-width:120px}
@media(min-width:560px){.hc{flex:1 1 130px}}
.hc{flex:1 0 140px;min-width:130px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.2s}
.hc:hover{background:rgba(255,255,255,.2)}
/* FLAGS — flag-icons SVG (funcționează pe Windows/Chrome) */
.fi{display:inline-block;width:1.33em;height:1em;background-size:contain;background-position:50%;background-repeat:no-repeat;vertical-align:middle;border-radius:2px}
.flag-wrap{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:3px;overflow:hidden;flex-shrink:0}
.flag-wrap .fi{width:100%;height:100%}
.hc-fl .fi,.rc-fl .fi{width:26px;height:18px;border-radius:2px}
/* CUSTOM SELECT CONVERTOR */
.csel-wrap{position:relative;width:100%}
.csel{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1.5px solid var(--bd);border-radius:10px;cursor:pointer;background:#fff;transition:.15s;user-select:none;min-height:46px}
.csel:hover{border-color:var(--red)}
.csel.open{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.1)}
.csel-flag{width:22px;height:16px;flex-shrink:0;display:flex;align-items:center}
.csel-flag .fi{width:22px;height:15px;border-radius:2px}
.csel-code{font-weight:700;font-size:14px;color:var(--tx);flex-shrink:0}
.csel-name{font-size:12px;color:#888;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.csel-name{display:none}}
.csel-arr{color:#aaa;font-size:11px;flex-shrink:0;transition:.2s}
.csel.open .csel-arr{transform:rotate(180deg)}
.csel-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid var(--bd);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);z-index:200;display:none;overflow:hidden}
.csel-drop.open{display:block}
.csel-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--bd);font-size:16px;outline:none;font-family:inherit;box-sizing:border-box}
.csel-list{max-height:240px;overflow-y:auto}
.csel-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;transition:.1s;font-size:13px}
.csel-item:hover{background:var(--bg)}
.csel-item.selected{background:rgba(212,69,12,.08);color:var(--red)}
.csel-item .fi{width:20px;height:14px;border-radius:2px;flex-shrink:0}
.csel-item-code{font-weight:700;min-width:36px;font-size:13px}
.csel-item-name{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-cd{font-size:11px;color:rgba(255,255,255,.65);letter-spacing:1.5px;font-weight:700;margin-bottom:3px}
.hc-vl{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.hc-ch{font-size:12px;margin-top:6px;font-weight:700;letter-spacing:.2px}
.hc-ch.up{color:#86efac}.hc-ch.dn{color:#fca5a5}.hc-ch.fl{color:rgba(255,255,255,.8)}

/* AD */
.ad-w{max-width:1160px;margin:12px auto;padding:0 16px}
.ad-b{min-height:88px;border:1.5px dashed #d5d5cf;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ccc;background:#fff;letter-spacing:.5px}

/* LAYOUT */
.pw{max-width:1160px;margin:0 auto;padding:0 14px 80px}
@media(min-width:900px){.pw{display:grid;grid-template-columns:1fr 310px;gap:22px;padding-bottom:40px}}
.st{font-size:11px;font-weight:700;color:#aaa;letter-spacing:.6px;text-transform:uppercase;margin:18px 0 10px;display:flex;align-items:center;gap:7px}
.st::before{content:'';display:block;width:3px;height:14px;background:var(--red);border-radius:2px}
.st .stl{margin-left:auto;font-size:12px;font-weight:600;color:var(--red);letter-spacing:0;text-transform:none;cursor:pointer}

/* STATUS BAR */
.status-bar{background:#fff;border:1px solid var(--bd);border-radius:9px;padding:8px 12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:11px}
.sb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.sb-dot.ok{background:#22c55e}
.sb-dot.warn{background:#f59e0b}
.sb-dot.err{background:var(--red)}
.sb-text{color:var(--mu);flex:1;font-size:11px}
.sb-date{font-size:10px;color:#999;font-weight:600;white-space:nowrap}

/* RATE CARDS */
.rg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px}
@media(min-width:600px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:800px){.rg{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1080px){.rg{grid-template-columns:repeat(4,1fr)}}
.rc{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:14px;cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.rc::after{content:'📈 Clic pentru grafic';position:absolute;bottom:0;left:0;right:0;background:rgba(185,28,28,.85);color:#fff;font-size:10px;font-weight:700;text-align:center;padding:4px;opacity:0;transition:.2s;letter-spacing:.03em}
.rc:hover::after{opacity:1}
.rc:hover{border-color:var(--red);box-shadow:0 4px 16px rgba(185,28,28,.15);transform:translateY(-2px)}
.rc:hover{box-shadow:var(--sh);border-color:#bbb}
.rc.act{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.rc-fl{font-size:26px;margin-bottom:6px;line-height:1}
.rc-cd{font-size:12px;font-weight:700;letter-spacing:1px;color:#aaa;margin-bottom:2px}
.rc-nm{font-size:12px;color:#bbb;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-vl{font-size:22px;font-weight:800;color:var(--tx);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.rc-sb{font-size:10px;color:#ccc;margin-top:3px}
.rc-ch{font-size:11px;margin-top:8px;font-weight:600;display:flex;align-items:center;gap:2px}
.rc-ch.up{color:var(--green)}.rc-ch.dn{color:var(--red)}.rc-ch.fl{color:#aaa}
.fb{position:absolute;top:10px;right:10px;font-size:16px;padding:3px;line-height:1;opacity:0;transition:.15s}
.rc:hover .fb,.fb.on{opacity:1}
.fb.on{color:#f59e0b}
@media(hover:none){.fb{opacity:.5}}

/* CONVERTOR */
.cv{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:8px;box-shadow:var(--sh)}
.cv-h{font-size:16px;font-weight:700;margin-bottom:14px}
.cv-a label,.cv-f label{font-size:11px;font-weight:700;color:#aaa;display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.cv-a{margin-bottom:12px}
.cv-a input{width:100%;padding:14px 16px;border:1.5px solid var(--bd);border-radius:11px;font-size:24px;font-weight:800;outline:none;transition:.15s;color:var(--tx);font-variant-numeric:tabular-nums}
.cv-a input:focus{border-color:var(--red)}
.cv-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-bottom:12px}
.cv-f select{width:100%;padding:12px 10px;border:1.5px solid var(--bd);border-radius:11px;font-size:14px;font-weight:600;outline:none;background:#fff;color:var(--tx);transition:.15s;font-family:inherit}
.cv-f select:focus{border-color:var(--red)}
.sw{width:44px;height:44px;border-radius:11px;border:1.5px solid var(--bd);background:var(--bg);color:#888;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.15s;align-self:end;flex-shrink:0}
.sw:hover{border-color:var(--red);color:var(--red)}
.cv-res{background:var(--red-l);border:1.5px solid var(--red-b);border-radius:11px;padding:16px 18px}
.cr-lbl{font-size:11px;color:#999;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}
.cr-vl{font-size:28px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.cr-rt{font-size:12px;color:#aaa;margin-top:5px}
.cv-note{font-size:12px;color:#aaa;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}

/* CHART */
.ch-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.ch-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.ch-hd h3{font-size:14px;font-weight:700}
.ch-tabs{display:flex;gap:4px}
.ct{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s}
.ct.act{background:var(--red);border-color:var(--red);color:#fff}
.ch-a{height:195px;position:relative}
@media(min-width:600px){.ch-a{height:215px}}
.ch-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}
.cst-l{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.cst-v{font-size:13px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.cst-v.up{color:var(--green)}.cst-v.dn{color:var(--red)}

/* TABLE */
.tb-o{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.tb-top{padding:12px 14px;border-bottom:1px solid var(--bd)}
.tb-search{width:100%;padding:9px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:13px;outline:none;font-family:inherit;transition:.15s}
.tb-search:focus{border-color:var(--red)}
.tb-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}
thead{background:var(--bg)}
th{padding:9px 12px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
tr:last-child td{border:none}
tr:hover td{background:#faf9f7}
.td-fl{font-size:18px;width:36px;text-align:center}
.td-vl{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.td-ch{font-weight:700;font-size:11px}
.td-ch.up{color:var(--green)}.td-ch.dn{color:var(--red)}

/* BANKS */
.bk-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.bk-h{padding:14px 16px;border-bottom:1px solid var(--bd)}
.bk-h h3{font-size:14px;font-weight:700}
.bk-note{font-size:11px;color:#aaa;margin-top:2px}
.bk-filt{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--bd);overflow-x:auto;scrollbar-width:none}
.bk-filt::-webkit-scrollbar{display:none}
.bf{font-size:12px;padding:5px 13px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s}
.bf.act{background:var(--red);border-color:var(--red);color:#fff}
.bk-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bk-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.bk-table th{padding:9px 13px;text-align:left;font-size:9px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd);background:var(--bg);white-space:nowrap}
.bk-table td{padding:11px 13px;border-bottom:1px solid #f2f2ee;vertical-align:middle}
.bk-table tr:last-child td{border:none}
.bk-table tr:hover td{background:#faf9f7}
.bn-cell{font-weight:700;font-size:13px}
.bn-url{font-size:10px;color:var(--red);display:block;margin-top:1px;font-weight:500}
.rb{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}
.rb.buy{color:var(--green)}.rb.sell{color:var(--red)}
.best-b{font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;margin-left:3px;vertical-align:middle}
.bb-buy{background:#dcfce7;color:var(--green)}
.bb-sell{background:#fee2e6;color:var(--red)}
.sp-cell{font-size:11px;color:#aaa;font-variant-numeric:tabular-nums}

/* NEWS */
.nw-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:8px}
.nw-i{display:flex;gap:11px;padding:13px 15px;border-bottom:1px solid #f2f2ee;transition:.15s}
.nw-i:last-child{border:none}
.nw-clickable{cursor:pointer}
.nw-clickable:hover{background:var(--bg)}
.nw-clickable:hover .nw-t{color:var(--red)}
.nw-ic{font-size:20px;flex-shrink:0;width:30px;text-align:center;margin-top:1px}
.nw-t{font-size:13px;font-weight:600;color:var(--tx);line-height:1.4;margin-bottom:3px}
.nw-m{font-size:10px;color:#aaa;display:flex;gap:7px;align-items:center}
.nw-tg{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--red-l);color:var(--red)}

/* SIDEBAR */
.sc-b{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.sc-b h3{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:5px}
.ir{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f2f2ee;font-size:13px}
.ir:last-child{border:none}
.il{color:#888}
.iv{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}
.iv.ron{color:var(--red)}
.iv.up{color:var(--green)}.iv.dn{color:var(--red)}
.ad-sd{border:1.5px dashed #d5d5cf;border-radius:var(--r);min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;background:#fff}
.alt-cta{background:linear-gradient(135deg,var(--red) 0%,#b5360a 100%);border-radius:var(--r);padding:18px;margin-bottom:12px;color:#fff}
.alt-cta h3{font-size:15px;font-weight:700;margin-bottom:5px}
.alt-cta p{font-size:12px;color:rgba(255,255,255,.75);margin-bottom:13px;line-height:1.5}
.alt-cta-btn{width:100%;padding:11px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:700;transition:.15s}
.alt-cta-btn:hover{background:rgba(255,255,255,.25)}
.robor-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.robor-box h3{font-size:13px;font-weight:700;margin-bottom:10px}
.robor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.robor-item{text-align:center;background:var(--bg);border-radius:8px;padding:8px 6px}
.robor-label{font-size:9px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.robor-val{font-size:16px;font-weight:800;color:var(--tx);margin-top:2px;font-variant-numeric:tabular-nums}

/* DASH PAGES */
.dp{display:none;max-width:1160px;margin:0 auto;padding:0 16px 80px}
@media(min-width:700px){.dp{padding-bottom:40px}}
.ph{padding:22px 0 18px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ph h1{font-size:21px;font-weight:800}
.ph p{font-size:13px;color:#888;margin-top:2px}
.sr{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
@media(min-width:600px){.sr{grid-template-columns:repeat(4,1fr)}}
.scard{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.sc-lbl{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.sc-val{font-size:26px;font-weight:800;color:var(--red)}
.sc-sub{font-size:10px;color:#ccc;margin-top:1px}
.sec-card{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sh)}
.sec-card h2{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
.bsm{font-size:12px;padding:7px 13px;border:1.5px solid var(--bd);border-radius:7px;background:#fff;color:var(--tx);font-weight:600;transition:.15s;white-space:nowrap}
.bsm:hover{border-color:var(--red);color:var(--red)}
.bsm.p{background:var(--red);border-color:var(--red);color:#fff}
.bsm.p:hover{background:var(--red-d)}
.bsm.d{color:var(--red);border-color:var(--red-b)}
.alr{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f2f2ee;flex-wrap:wrap}
.alr:last-child{border:none}
.aic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.aiu{background:#dcfce7;color:var(--green)}
.aid{background:#fee2e6;color:var(--red)}
.aip{background:#fef3c7;color:#d97706}
.aim{flex:1;min-width:100px}
.aim-t{font-size:13px;font-weight:700}
.aim-s{font-size:11px;color:#aaa;margin-top:2px}
.badg{font-size:10px;padding:3px 8px;border-radius:20px;font-weight:700}
.bon{background:#dcfce7;color:var(--green)}.boff{background:#f0f0ec;color:#aaa}
.fch{display:inline-flex;align-items:center;gap:7px;background:var(--bg);border:1.5px solid var(--bd);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600;margin:3px;cursor:pointer}
.fch-v{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.fch-rm{color:#ccc;font-size:15px;line-height:1;padding:0 0 0 3px}
.alf{background:var(--bg);border-radius:9px;padding:14px;margin-top:12px;display:none;border:1px solid var(--bd)}
.alf.open{display:block}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:10px;font-weight:700;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
.fg input,.fg select{width:100%;padding:10px 13px;border:1.5px solid var(--bd);border-radius:8px;font-size:14px;outline:none;font-family:inherit;background:#fff;color:var(--tx);transition:.15s}
.fg input:focus,.fg select:focus{border-color:var(--red)}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:400px){.fr2{grid-template-columns:1fr}}

/* MODAL */
.mov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:.22s}
@media(min-width:500px){.mov{align-items:center}}
.mov.open{opacity:1;pointer-events:all}
.mod{background:#fff;width:100%;max-width:460px;border-radius:20px 20px 0 0;overflow:hidden;transform:translateY(30px);transition:.28s cubic-bezier(.4,0,.2,1);box-shadow:0 -8px 50px rgba(0,0,0,.18);max-height:95vh;overflow-y:auto}
@media(min-width:500px){.mod{border-radius:16px;transform:translateY(20px)}}
.mov.open .mod{transform:translateY(0)}
.mod-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--bd);background:#fff;position:sticky;top:0;z-index:1}
.mod-h h2{font-size:18px;font-weight:800;letter-spacing:-.3px}
.mod-x{width:30px;height:30px;border-radius:50%;background:var(--bg);color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;transition:.15s;line-height:1}
.mod-x:hover{background:#e0e0dc;color:#333}
.mod-bd{padding:22px}
.mtabs{display:flex;background:var(--bg);border-radius:10px;overflow:hidden;margin-bottom:22px;padding:3px;gap:3px}
.mt{flex:1;padding:10px 12px;font-size:14px;font-weight:700;background:transparent;color:#aaa;transition:.2s;border-radius:8px;border:none;cursor:pointer;font-family:inherit}
.mt.act{background:#fff;color:var(--red);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.fg2{margin-bottom:16px}
.fg2 label{display:block;font-size:11px;font-weight:700;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.fg2 input{width:100%;padding:13px 16px;border:1.5px solid var(--bd);border-radius:10px;font-size:16px;outline:none;font-family:inherit;transition:.18s;-webkit-appearance:none;color:var(--tx);background:#fff;box-sizing:border-box}
.fg2 input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
.fg2 input.err-field{border-color:var(--red);background:var(--red-l)}
.fm{font-size:13px;margin-top:8px;padding:10px 14px;border-radius:8px;display:none;line-height:1.4}
.fm.e{display:block;color:#991b1b;background:#fee2e6;border:1px solid #fecaca}
.fm.o{display:block;color:#166534;background:#dcfce7;border:1px solid #bbf7d0}
.bf2{width:100%;padding:14px;background:var(--red);color:#fff;border-radius:10px;font-size:16px;font-weight:700;transition:.18s;margin-top:6px;border:none;font-family:inherit;letter-spacing:.2px;cursor:pointer}
.bf2:hover{background:var(--red-d);transform:translateY(-1px)}
.bf2:active{transform:translateY(0)}
.bf2:disabled{opacity:.55;cursor:not-allowed;transform:none}
.fl{text-align:center;margin-top:14px;font-size:13px;color:#888}
.fl a{color:var(--red);font-weight:700}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:50px}
.pw-e{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#bbb;font-size:16px;padding:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;border-radius:6px;transition:.15s}
.pw-e:hover{color:#888;background:var(--bg)}

/* BOTTOM NAV */
.bnv{display:flex;background:#fff;border-top:1px solid var(--bd);position:fixed;bottom:0;left:0;right:0;z-index:150;padding:4px 0 env(safe-area-inset-bottom,4px)}
@media(min-width:700px){.bnv{display:none}}
.bni{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;font-size:10px;color:#aaa;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:.15s;-webkit-tap-highlight-color:transparent}
.bni.act{color:var(--red)}
.bni svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* TOAST */
.tos-c{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none;width:calc(100% - 28px);max-width:340px}
@media(min-width:700px){.tos-c{bottom:22px}}
.tos{background:#111;color:#fff;padding:11px 17px;border-radius:11px;font-size:13px;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.22);animation:tIn .2s ease;width:100%;text-align:center}
.tos.ok{background:#15803d}.tos.err{background:var(--red)}
@keyframes tIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}

footer{background:#fff;border-top:1px solid var(--bd);padding:0;margin-bottom:58px}
@media(min-width:700px){footer{margin-bottom:0}}
.ft-main{max-width:1160px;margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.ft-main{grid-template-columns:1fr 1fr 1fr}}
.ft-col h4{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.ft-col a{display:block;font-size:13px;color:#777;margin-bottom:6px;transition:.15s}
.ft-col a:hover{color:var(--red)}
.ft-col p{font-size:12px;color:#aaa;line-height:1.6}
.ft-bottom{border-top:1px solid var(--bd);padding:14px 16px;background:var(--bg)}
.ft-bottom-in{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#aaa}
@media(min-width:560px){.ft-bottom-in{flex-direction:row;justify-content:space-between;align-items:center}}
.ft-legal{display:flex;gap:12px;flex-wrap:wrap}
.ft-legal a{color:#999;transition:.15s}
.ft-legal a:hover{color:var(--red)}
.ft-bnr-note{font-size:11px;color:#aaa;line-height:1.5;text-align:center;padding:10px 16px;border-top:1px solid var(--bd);background:var(--bg)}
.ft-bnr-note-in{max-width:800px;margin:0 auto}

/* COOKIE BANNER */
.ck-banner{position:fixed;bottom:0;left:0;right:0;z-index:998;background:#1a1a1a;color:#fff;padding:16px;box-shadow:0 -4px 20px rgba(0,0,0,.2);transform:translateY(0);transition:transform .3s ease}
.ck-banner.hidden{transform:translateY(110%)}
.ck-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
@media(min-width:600px){.ck-inner{flex-direction:row;align-items:center;gap:16px}}
.ck-text{font-size:13px;color:#ccc;line-height:1.5;flex:1}
.ck-text a{color:#f59e0b;text-decoration:underline}
.ck-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
.ck-btn-accept{padding:10px 20px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-accept:hover{background:var(--red-d)}
.ck-btn-reject{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-reject:hover{border-color:#888;color:#fff}
.ck-btn-settings{padding:10px 16px;background:transparent;color:#aaa;border:1px solid #444;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s}
.ck-btn-settings:hover{border-color:#888;color:#fff}

/* NEWS PAGE */
.news-page-hdr{padding:20px 0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--bd);margin-bottom:18px}
.news-page-hdr h1{font-size:20px;font-weight:800}
.news-page-hdr p{font-size:13px;color:#888;margin-top:2px}
.news-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.news-filter::-webkit-scrollbar{display:none}
.nf-btn{font-size:12px;padding:6px 14px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;white-space:nowrap;transition:.15s;cursor:pointer}
.nf-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.news-grid{display:flex;flex-direction:column;gap:0}
.news-card{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f2f2ee;cursor:pointer;transition:.15s}
.news-card:first-child{padding-top:0}
.news-card:last-child{border:none}
.news-card:hover .nc-title{color:var(--red)}
.nc-icon{font-size:22px;width:36px;flex-shrink:0;text-align:center;margin-top:2px}
.nc-body{flex:1;min-width:0}
.nc-title{font-size:14px;font-weight:600;color:var(--tx);line-height:1.45;margin-bottom:5px;transition:.15s}
.nc-desc{font-size:12px;color:#888;line-height:1.5;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#aaa}
.nc-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--red-l);color:var(--red)}
.nc-ext{font-size:10px;color:#bbb;margin-left:auto}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;flex-wrap:wrap}
.pg-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--bd);background:#fff;color:var(--tx);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.pg-btn:hover{border-color:var(--red);color:var(--red)}
.pg-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.pg-btn:disabled{opacity:.4;cursor:not-allowed}
.pg-dots{font-size:13px;color:#aaa;padding:0 4px}
.news-loading-full{padding:40px;text-align:center;color:#aaa;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.news-loading-full .spin{width:28px;height:28px;border:3px solid #eee;border-top:3px solid var(--red);border-radius:50%;animation:spin 0.8s linear infinite}

.legal-page{display:none;max-width:800px;margin:0 auto;padding:30px 20px 80px}
.legal-page h1{font-size:22px;font-weight:800;margin-bottom:6px}
.legal-page .lp-date{font-size:12px;color:#aaa;margin-bottom:24px}
.legal-page h2{font-size:16px;font-weight:700;margin:20px 0 8px;color:var(--tx)}
.legal-page p{font-size:14px;color:#555;line-height:1.7;margin-bottom:12px}
.legal-page ul{font-size:14px;color:#555;line-height:1.7;margin:8px 0 12px 20px}
.legal-page ul li{margin-bottom:4px}
/* PREDICTION BOX */
.pred-box{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:8px;box-shadow:var(--sh)}
.pred-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}
.pred-head h3{font-size:14px;font-weight:700}
.pred-disclaimer{font-size:10px;color:#aaa;margin-top:3px;max-width:400px}
.pred-tabs{display:flex;gap:4px;flex-shrink:0}
.ptab{font-size:11px;padding:5px 11px;border:1.5px solid var(--bd);border-radius:20px;background:#fff;color:#888;font-weight:600;transition:.15s;cursor:pointer}
.ptab.act{background:var(--red);border-color:var(--red);color:#fff}
.pred-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
@media(min-width:500px){.pred-stats{grid-template-columns:repeat(4,1fr)}}
.pstat{background:var(--bg);border-radius:8px;padding:10px 12px}
.pstat-l{font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.pstat-v{font-size:14px;font-weight:700;color:var(--tx);font-variant-numeric:tabular-nums}
.pred-canvas-wrap{height:180px;position:relative;margin-bottom:12px}
.pred-table-wrap{overflow-x:auto}
.pred-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;min-width:380px}
.pred-table-wrap th{padding:7px 10px;text-align:left;font-size:10px;color:#aaa;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--bd);background:var(--bg)}
.pred-table-wrap td{padding:8px 10px;border-bottom:1px solid #f2f2ee;font-variant-numeric:tabular-nums}
.pred-table-wrap tr:last-child td{border:none}
.pred-up{color:var(--red)}.pred-dn{color:var(--green)}

body{background:#f0f0ec}
.pg-hdr{background:linear-gradient(135deg,#c0392b,#96281b);color:#fff;padding:20px 16px;margin-bottom:20px}
.pg-hdr h1{font-size:20px;font-weight:700;margin:0}
.pg-hdr p{font-size:13px;opacity:.8;margin:4px 0 0}
.alr-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.07);border:1px solid #eaeae6;display:flex;align-items:center;gap:12px}
.alr-ic{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.alr-ic.aiu{background:#dcfce7}.alr-ic.aid{background:#fee2e2}.alr-ic.aip{background:#dbeafe}
.alr-body{flex:1;min-width:0}
.alr-title{font-size:14px;font-weight:700;margin-bottom:2px}
.alr-sub{font-size:12px;color:#888}
.alr-actions{display:flex;gap:6px;flex-shrink:0}
.btn-sm{padding:6px 11px;border-radius:7px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:.15s}
.btn-sm.tog{background:#f0f0ec;color:#555}.btn-sm.tog:hover{background:#e0e0dc}
.btn-sm.del{background:#fee2e2;color:#991b1b}.btn-sm.del:hover{background:#fecaca}
.btn-sm.act{background:var(--red);color:#fff}
.badge-on{background:#dcfce7;color:#166534;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700}
.badge-off{background:#f5f5f0;color:#888;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700}
.empty-state{text-align:center;padding:48px 20px;color:#aaa}
.empty-state .es-ic{font-size:48px;margin-bottom:12px}
.empty-state p{font-size:15px;margin-bottom:20px}
.am-input{width:100%;padding:10px 12px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:15px;box-sizing:border-box;font-family:inherit}
.am-input:focus{border-color:var(--red);outline:none}
.am-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:5px}
.am-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.am-btn{width:100%;padding:14px;background:var(--red);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}
.am-btn:hover{background:#a93226}
.am-btn:disabled{opacity:.5;cursor:not-allowed}
.toast-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1a1a1a;color:#fff;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:600;z-index:9999;display:none}

.seo-u-area{position:relative}
.seo-u-chip{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;background:#fff;border:1.5px solid var(--bd);border-radius:999px;cursor:pointer;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.seo-u-chip:hover{border-color:var(--red)}
.seo-u-av{width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.seo-u-nm{font-size:13px;font-weight:600;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seo-u-dd{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);min-width:210px;overflow:hidden;display:none;z-index:300}
.seo-u-dd.open{display:block}
.seo-u-dd-h{padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--red-l)}
.seo-u-dd-n{font-size:14px;font-weight:700;color:var(--tx)}
.seo-u-dd-e{font-size:12px;color:#aaa;margin-top:2px}
.seo-u-dd a,.seo-u-dd button{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--tx);width:100%;text-align:left;transition:.1s;font-weight:500;border:none;background:none;cursor:pointer;font-family:inherit;text-decoration:none}
.seo-u-dd a:hover,.seo-u-dd button:hover{background:var(--bg)}

.drw-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:400;display:none}
.drw-ov.open{display:block}
/* SEO content extracted to external CSS */
.seo-main-title{max-width:1160px;margin:18px auto 0;padding:0 16px;font-size:26px;line-height:1.2;color:#111}
.seo-content{max-width:960px;margin:28px auto;padding:22px 18px;background:#fff;border:1px solid var(--bd,#eaeae6);border-radius:14px;box-shadow:var(--sh,0 1px 3px rgba(0,0,0,.07));color:#333;line-height:1.72}
.seo-content h2{font-size:20px;line-height:1.3;margin:0 0 12px;color:#111}
.seo-content p{margin:0 0 13px;color:#444;font-size:15px}
.seo-faq details{border-top:1px solid #eee;padding:11px 0}
.seo-faq summary{font-weight:700;cursor:pointer;color:#111}
.seo-faq p{margin:8px 0 0;color:#555}
@media(max-width:700px){.seo-main-title{font-size:22px;margin-top:12px}.seo-content{margin:20px 12px;padding:18px 14px}.seo-content h2{font-size:18px}}

/* ── Breadcrumb ──────────────────────────────────────────────────────────── */
.breadcrumb{font-size:12px;color:#888;padding:8px 16px;max-width:1160px;margin:0 auto;display:flex;align-items:center;gap:5px}
.breadcrumb a{color:var(--red);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb .sep{color:#ccc}

/* ── Nav element activ cu pulsaţie subtilă ───────────────────────────────── */
@keyframes navPulse{
  0%,100%{background:rgba(212,69,12,.15);box-shadow:0 0 0 0 rgba(212,69,12,.3)}
  50%{background:rgba(212,69,12,.08);box-shadow:0 0 0 3px rgba(212,69,12,.08)}
}
.hdr-nav a.nav-active{
  color:#fff!important;
  font-weight:700!important;
  background:var(--red)!important;
  border-radius:6px;
  padding:4px 10px!important;
  animation:navPulse 2.5s ease-in-out infinite;
}