*{box-sizing:border-box;margin:0;padding:0}:root{
  --bg:#0a0a0b; --panel:#131315; --panel2:#181819; --line:#242427;
  --red:#ec1c3d; --red-d:#c4102e; --gold:#d8b45a;
  --txt:#fff; --muted:#8b8b90;
  --sb:260px; --top:74px;
}html,body{background:var(--bg);color:var(--txt);
  font-family:"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
  font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sb);background:var(--panel);
  border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:40}.logo{display:flex;align-items:center;gap:1px;height:var(--top);padding:0 30px;
  font-weight:800;font-size:30px;letter-spacing:-.5px;color:var(--red);position:relative}.logo-img{width:166px;height:auto;display:block}.logo-active .logo-img{filter:drop-shadow(0 0 9px rgba(236,28,61,.45))}.logo{cursor:pointer;transition:opacity .15s}.logo:hover{opacity:.75}.side-nav{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px 0 8px}.side-nav::-webkit-scrollbar{width:4px}.side-nav::-webkit-scrollbar-thumb{background:#2a2a2e;border-radius:4px}.side-nav a{display:flex;align-items:center;gap:14px;padding:11px 22px;
  font-size:15px;color:#d6d6da;transition:.15s;position:relative}.side-nav a:hover{background:#1b1b1e;color:#fff}.side-nav a.active{color:#fff}.side-nav a.active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;
  background:var(--red);border-radius:0 3px 3px 0}.side-nav a.dim{color:#6d6d72}.side-sep{display:block;height:1px;background:#26262c;margin:12px 22px}.side-bottom{display:flex;gap:10px;padding:14px 22px 18px;border-top:1px solid var(--line)}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--panel2);
  border:1px solid var(--line);color:#d6d6da;border-radius:9px;padding:9px 14px;
  font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.pill:hover{border-color:#37373c}.flag{width:18px;height:12px;border-radius:2px;background:linear-gradient(#fff 50%,#0b4ea2 50%);
  border:1px solid #2c2c30}i[data-i]{display:inline-block;width:22px;height:22px;flex:none;background:#c9c9ce;
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center}.side-nav a:hover i[data-i],.side-nav a.active i[data-i]{background:var(--red)}.top-nav i[data-i]{width:19px;height:19px;background:#c9c9ce}.main{margin-left:var(--sb);padding-bottom:40px}.topbar{position:sticky;top:0;height:var(--top);display:flex;align-items:center;gap:16px;
  padding:0 30px;background:rgba(10,10,11,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);z-index:30}.top-nav{display:flex;gap:6px;overflow-x:auto;min-width:0;
  padding:6px;border-radius:15px;
  background:linear-gradient(180deg,#0d0d0e,#151517);
  border:1px solid #212124;box-shadow:inset 0 2px 6px rgba(0,0,0,.55)}.top-nav::-webkit-scrollbar{height:0}.top-nav a{flex:none;display:flex;align-items:center;gap:8px;height:38px;padding:0 15px;
  border-radius:11px;font-size:14.5px;font-weight:700;color:#fff;
  background:linear-gradient(180deg,#27272a,#1a1a1c);border:1px solid #303035;
  box-shadow:0 2px 6px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.09);
  transition:.16s;white-space:nowrap}.top-nav a i[data-i]{width:17px;height:17px;background:#bfbfc4;transition:.16s}.top-nav a:hover{background:linear-gradient(180deg,#343439,#242427);border-color:#42424a;
  box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14)}.top-nav a:hover i[data-i]{background:#fff}.top-nav a.active{color:#fff;background:linear-gradient(180deg,#f9375a,#cf1234);
  border-color:#ff5c78;
  box-shadow:0 4px 16px rgba(236,28,61,.6),inset 0 1px 0 rgba(255,255,255,.28)}.top-nav a.active i[data-i]{background:#fff}.top-actions{display:flex;gap:12px;flex:none;margin-left:auto}.pages-nav a.active{color:#fff;background:var(--red);border-color:var(--red);
  box-shadow:0 4px 16px rgba(236,28,61,.25)}.btn{display:inline-flex;align-items:center;justify-content:center;
  height:42px;padding:0 20px;border-radius:9px;font-size:13px;font-weight:700;
  letter-spacing:.5px;cursor:pointer;transition:.15s;white-space:nowrap}.btn-red{background:var(--red);color:#fff;box-shadow:0 4px 18px rgba(236,28,61,.28)}.btn-red:hover{background:var(--red-d)}.btn-gold{border:1px solid var(--gold);color:var(--gold);background:transparent}.btn-gold:hover{background:rgba(216,180,90,.1)}.section{padding:46px 30px 10px;text-align:center}.card{aspect-ratio:4/3;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;
  display:flex;align-items:flex-end;padding:12px;font-size:13px;font-weight:700;
  transition:transform .18s}.card:hover{transform:translateY(-4px)}.card::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.78))}.card span{position:relative;z-index:2}.card .excl{position:absolute;top:10px;left:10px;z-index:2;background:#f0c14b;color:#231a05;
  font-size:9px;font-weight:800;padding:3px 7px;border-radius:4px;letter-spacing:.4px}.art-h1{min-height:44px;font-size:34px;font-weight:800;line-height:1.15}.art-h1:empty{
  background:linear-gradient(90deg,#161618,#1d1d20,#161618);border-radius:7px}.article{max-width:1320px;margin:0 auto;text-align:left;padding:34px 40px 24px}.art-date{color:#74747c;font-size:13.5px;margin:0 0 20px}.art-h1{font-size:38px;font-weight:800;line-height:1.18;margin-bottom:20px}.article h2{font-size:26px;font-weight:700;margin:38px 0 14px;line-height:1.3}.article h3{font-size:19px;font-weight:700;margin:26px 0 10px;color:#e4e4e8}.article p{color:#b6b6bc;font-size:16.5px;line-height:1.8;margin-bottom:14px}.article a{color:#ff6b83;border-bottom:1px solid rgba(255,107,131,.35)}.article a:hover{color:#fff;border-color:#fff}.article strong{color:#fff;font-weight:600}.article ul,.article ol{margin:0 0 18px 20px;color:#b6b6bc;font-size:16.5px;line-height:1.8}.article li{margin-bottom:7px}.article ol{counter-reset:n;list-style:none;margin-left:0}.article ol li{counter-increment:n;position:relative;padding-left:34px}.article ol li::before{content:counter(n);position:absolute;left:0;top:1px;
  width:23px;height:23px;border-radius:50%;background:var(--red);color:#fff;
  font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.t-wrap{overflow-x:auto;margin:6px 0 20px;border:1px solid var(--line);border-radius:12px}.article table{width:100%;border-collapse:collapse;font-size:15.5px}.article td{padding:13px 18px;border-bottom:1px solid var(--line);color:#b6b6bc;vertical-align:top}.article tr:last-child td{border-bottom:0}.article tr:nth-child(odd){background:rgba(255,255,255,.018)}.article td:first-child{color:#e4e4e8;font-weight:600;white-space:nowrap}.side-item{display:flex;align-items:center;gap:14px;padding:8px 22px;cursor:default;
  font-size:13px;font-weight:400;color:#9b9ba3;white-space:nowrap;user-select:none}.side-item i[data-i]{background:#83838d}.side-ico{position:relative;display:inline-flex;flex:none}.side-item.dim{color:#82828b}.side-item.dim i[data-i]{background:#6d6d76}.side-new{position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;
  background:#7c363f;color:#caa8ad;font-size:7.5px;font-weight:800;line-height:1;
  letter-spacing:.4px;padding:2px 3px;border-radius:2px}.side-dot{position:absolute;left:-4px;top:-1px;width:6px;height:6px;
  border-radius:50%;background:#9c4c59}.promo{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none;
  height:42px;padding:0 13px;border-radius:10px;cursor:pointer;font-family:inherit;
  background:rgba(29,185,84,.07);border:1px dashed #2fbf62;transition:.15s}.promo:hover{background:rgba(29,185,84,.14);border-color:#4bd97c}.promo-lbl{font-size:12px;font-weight:600;color:#9fb3a5;letter-spacing:.2px}.promo-code{font-size:15px;font-weight:800;color:#ffcf3d;letter-spacing:.6px}.promo-ico{background:#7fa88c!important;width:17px!important;height:17px!important}.promo:hover .promo-ico{background:#cfe6d8!important}.promo.done{border-color:#4bd97c;background:rgba(29,185,84,.18)}.promo.done .promo-code{color:#4bd97c}.top-actions{margin-left:10px!important}.burger{display:none;align-items:center;justify-content:center;flex:none;width:46px;height:42px;border-radius:11px;cursor:pointer;background:linear-gradient(180deg,#27272a,#1a1a1c);border:1px solid #303035;box-shadow:0 2px 6px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.09);transition:.16s}.burger i[data-i]{width:22px;height:22px;background:#dcdce2}.burger.open{background:linear-gradient(180deg,#3a3a44,#242427);border-color:#4a4a55}.logo-m{display:none;align-items:center;flex:none}.logo-m img{width:104px;height:auto;display:block}

@media(max-width:1180px){.promo-lbl{display:none}}
@media(max-width:1400px){.top-nav a{padding:0 10px;gap:0}.top-nav{gap:4px;padding:5px}.top-nav a i[data-i]{display:none}}
@media(max-width:1200px){.top-nav a{padding:0 10px;font-size:13.5px}.btn{padding:0 14px}.topbar{gap:12px;padding:0 22px}}
@media(max-width:1100px){.promo{display:none}}
@media(max-width:820px){
  :root{--sb:0px}
  .sidebar{display:none}
  .logo-m{display:flex;order:1}
  .topbar{height:auto;flex-wrap:wrap;gap:6px;padding:12px 10px}
  .logo-m img{width:108px;transform:scale(1.05);transform-origin:left center}
  .logo-m{overflow:visible}
  .logo-m{margin-right:auto}
  .top-actions{order:2;margin-left:0!important;gap:8px}
  .top-actions .btn{height:44px;padding:0 14px;font-size:11px;letter-spacing:0}
  .burger{display:inline-flex;order:3;width:42px;height:44px;margin-left:6px}
  .burger i[data-i]{width:22px;height:22px}
  .promo{display:flex;order:4;width:100%;justify-content:center;margin-left:0!important;
    height:38px;border-radius:10px}
  .promo-lbl{font-size:11.5px}
  .promo-code{font-size:14px}
  .promo-lbl{display:inline}
  .top-nav{order:5;width:100%;min-width:100%;display:grid;grid-template-columns:1fr 1fr;
    background:none;border:0;box-shadow:none;padding:0;gap:8px;
    max-height:0;opacity:0;overflow:hidden;margin-top:-6px;
    transition:max-height .34s cubic-bezier(.4,0,.2,1),opacity .24s ease,margin-top .34s ease}
  .top-nav.open{max-height:260px;opacity:1;margin-top:0}
  .top-nav a{transform:translateY(-6px);transition:transform .3s cubic-bezier(.4,0,.2,1),.16s}
  .top-nav.open a{transform:none}
  .top-nav a{height:56px;justify-content:flex-start;gap:10px;padding:0 14px;
    font-size:14.5px;border-radius:12px}
  .top-nav a i[data-i]{display:inline-block;width:19px;height:19px}
}.toast{position:fixed;top:90px;right:22px;z-index:60;
  display:flex;align-items:center;gap:13px;
  padding:14px 20px 14px 16px;border-radius:13px;background:#122a1e;
  border:1px solid #3fd47c;box-shadow:0 16px 44px rgba(0,0,0,.6);
  opacity:0;transform:translateY(-12px);
  pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:none}.toast-txt{display:flex;flex-direction:column;gap:3px}.toast-top{font-size:14px;font-weight:600;color:#eaf7ef}.toast-top b{color:#ffcf3d;font-weight:800;letter-spacing:.5px}.toast-sub{font-size:12.5px;color:#8fb59d}.toast-ico{flex:none;width:22px;height:22px;background:#4bd97c;
  display:inline-block;-webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center}
@media(max-width:1100px){
  .toast{top:auto;bottom:16px;left:12px;right:12px;padding:13px 16px;
    transform:translateY(14px)}
  .toast.show{transform:none}
  .toast-txt{gap:2px}
  .toast-top{font-size:13.5px}
  .toast-sub{font-size:12px}
}.article .shot{display:flex;flex-direction:column;align-items:center;
  margin:30px 0 34px;max-width:100%}.article .shot img{display:block;width:auto;height:auto;max-width:100%;max-height:70vh;
  border-radius:14px;border:1px solid #23232a;background:#111114;
  box-shadow:0 10px 34px rgba(0,0,0,.45)}.article .shot figcaption{margin-top:12px;max-width:820px;text-align:center;
  font-size:14px;line-height:1.55;color:#8a8a92}
@media(max-width:760px){.article{padding:24px 16px 20px}.art-h1{font-size:29px}.article h2{font-size:22px;margin:30px 0 12px}.article p,.article ul,.article ol{font-size:15.5px;line-height:1.72}.article table{font-size:14px}.article td{padding:11px 13px}.article .shot{margin:22px 0 26px}.article .shot img{max-height:none;border-radius:10px}.article .shot figcaption{margin-top:9px;font-size:13px;text-align:left}
}