:root{
  --bg:#0b0b0f; --bg2:#101018; --card:#15151d; --bd:#262633;
  --tx:#ececf2; --mut:#98a0ad; --ac:#16c47f; --ac2:#0ea5e9; --danger:#ff5a5a;
  --r:14px; --gap:12px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--tx)}
body{font:15px/1.6 system-ui,"Segoe UI",Tahoma,Arial,sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2{line-height:1.25}

.t3-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;
  padding:10px 14px;background:rgba(11,11,15,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.t3-brand{font-weight:800;font-size:20px;letter-spacing:.3px;white-space:nowrap}
.t3-brand i{color:var(--ac);font-style:normal}
.t3-search{flex:1}
.t3-search input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--bd);
  background:var(--bg2);color:var(--tx);font-size:14px;outline:none}
.t3-search input:focus{border-color:var(--ac)}
.t3-nav{flex:none;white-space:nowrap;font-size:13px;font-weight:700;color:var(--tx);
  background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:9px 13px;transition:.15s}
.t3-nav:hover{border-color:var(--ac);color:var(--ac)}

.t3-main{max-width:1100px;margin:0 auto;padding:14px}
.t3-sec{margin:22px 0}
.t3-h2{font-size:17px;margin:0 0 12px;padding-inline-start:10px;border-inline-start:3px solid var(--ac)}

.t3-backtop{position:fixed;inset-inline-end:16px;bottom:16px;z-index:60;width:44px;height:44px;display:flex;
  align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:#fff;
  background:var(--card);border:1px solid var(--bd);box-shadow:0 6px 20px rgba(0,0,0,.45);
  transition:background .18s,border-color .18s,transform .18s}
.t3-backtop:hover{background:var(--ac);border-color:var(--ac);color:#04120c;transform:translateY(-2px)}
.t3-backtop:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.t3-backtop[hidden]{display:none}

.t3-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.t3-recent-clear{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:12px;
  color:var(--mut);background:transparent;border:0;padding:2px 4px}
.t3-recent-clear:hover{color:var(--danger)}

.t3-hero{padding:16px 4px 6px}
.t3-hero h1{font-size:22px;margin:0 0 4px}
.t3-hero p{margin:0;color:var(--mut);font-size:14px}
.t3-hero-co{display:flex;align-items:center;gap:14px;padding:14px 0}
.t3-hero-co h1{font-size:20px;margin:0}
.t3-co-img{width:56px;height:56px;object-fit:contain;background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:4px}

.t3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--gap)}
.t3-grid-co{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.t3-card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:.15s}
.t3-card:hover,.t3-card:focus{border-color:var(--ac);transform:translateY(-2px)}
.t3-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:#0a0a10;overflow:hidden}
.t3-thumb img{width:100%;height:100%;object-fit:contain}
.t3-cname{padding:7px 9px 3px;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t3-ccountry{padding:0 9px 8px;font-size:11px;color:var(--mut)}
.t3-co .t3-cname{text-align:center}

.t3-single{margin-bottom:18px}
.t3-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--bd);
  border-radius:var(--r);overflow:hidden}
.t3-player video,.t3-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.t3-player .video-js{position:absolute!important;inset:0;width:100%!important;height:100%!important;background:#000}
.t3-player .video-js .vjs-tech{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain}
.t3-player .plyr{position:absolute!important;inset:0;width:100%!important;height:100%!important}
.t3-player .plyr video{object-fit:contain}
.t3-status{position:absolute;inset:auto 0 0 0;z-index:6;pointer-events:none;padding:8px 10px;font-size:12px;color:var(--mut);
  background:linear-gradient(transparent,rgba(0,0,0,.75))}
.t3-status.err{color:var(--danger)}

.t3-wm{position:absolute;z-index:5;pointer-events:none;top:10px;left:10px;max-width:80%;
  font:600 12.5px/1 system-ui,Tahoma,sans-serif;color:#fff;opacity:.5;white-space:nowrap;
  text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9);
  direction:ltr;unicode-bidi:isolate;user-select:none;-webkit-user-select:none;
  transition:top .9s ease,left .9s ease,opacity .3s}
.t3-player:hover .t3-wm{opacity:.3}
@media (max-width:520px){.t3-wm{font-size:11px}}

.t3-ppick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 2px}
.t3-ppick-lbl{font-size:12px;color:var(--mut);padding-inline-end:2px}
.t3-ppick button{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:12.5px;
  font-weight:600;line-height:1;color:var(--mut);background:var(--bg2);border:1px solid var(--bd);
  border-radius:999px;padding:8px 15px;transition:background .15s,color .15s,border-color .15s}
.t3-ppick button:hover{color:var(--tx);border-color:var(--ac)}
.t3-ppick button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.t3-ppick button.is-on{background:var(--ac);color:#04120c;border-color:var(--ac)}
.t3-ppick button.is-off{opacity:.4;cursor:not-allowed}
.t3-head{display:flex;align-items:center;gap:12px;margin:14px 0 6px}
.t3-logo-img{width:52px;height:52px;object-fit:contain;background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:3px}
.t3-title{font-size:19px;margin:0}
.t3-cat{display:inline-block;margin-top:3px;font-size:12px;color:var(--ac)}
.t3-tags{margin:6px 0 0}
.t3-tags a{display:inline-block;margin:0 0 6px;padding:3px 9px;font-size:11px;color:var(--mut);
  background:var(--bg2);border:1px solid var(--bd);border-radius:20px}

.t3-page{max-width:760px;margin:0 auto;padding:8px 0}

.t3-article{max-width:820px;margin:0 auto}
.t3-a-title{font-size:23px;margin:6px 0 6px;line-height:1.4}
.t3-a-meta{color:var(--mut);font-size:12.5px;margin-bottom:14px}
.t3-a-hero{margin:0 0 16px;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden}
.t3-a-hero img{width:100%;height:auto}
.t3-a-body h2{font-size:18px;margin:24px 0 10px;padding-inline-start:10px;border-inline-start:3px solid var(--ac)}
.t3-a-body h3{font-size:16px;margin:18px 0 8px}
.t3-a-body p{margin:0 0 12px}
.t3-a-body ul,.t3-a-body ol{margin:0 0 14px;padding-inline-start:22px}
.t3-a-body li{margin:4px 0}
.t3-a-body a{color:var(--ac2)}
.t3-a-body img{max-width:100%;height:auto}
.t3-a-body table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px}
.t3-a-body th,.t3-a-body td{border:1px solid var(--bd);padding:8px 10px;text-align:start;vertical-align:middle}
.t3-a-body th{background:var(--bg2);font-weight:700}
.t3-a-body tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.t3-grid-art{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}

.t3-posts{display:flex;flex-direction:column;gap:14px;max-width:920px;margin:0 auto}
.t3-post{display:flex;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);
  overflow:hidden;transition:.15s}
.t3-post:hover,.t3-post:focus{border-color:var(--ac);transform:translateY(-2px)}
.t3-post-thumb{flex:0 0 280px;max-width:280px;background:#0a0a10;overflow:hidden}
.t3-post-thumb img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;display:block}
.t3-post-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:16px 18px}
.t3-post-title{font-size:17px;font-weight:700;line-height:1.5}
.t3-post-ex{color:var(--mut);font-size:13.5px;line-height:1.75}
.t3-post-date{color:var(--mut);font-size:12px;margin-top:auto}
@media (max-width:640px){
  .t3-post{flex-direction:column}
  .t3-post-thumb{flex:none;max-width:none;width:100%}
  .t3-post-body{padding:12px 14px 14px}
  .t3-post-title{font-size:16px}
}

.t3-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:26px 0 8px;
  padding-top:20px;border-top:1px solid var(--bd)}
.t3-share-lbl{color:var(--mut);font-size:13px;font-weight:600;margin-inline-end:2px}
.t3-sh{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--c,#333);color:#fff;transition:transform .15s,opacity .15s}
.t3-sh:hover,.t3-sh:focus{transform:translateY(-2px);opacity:.88}
.t3-sh svg{width:21px;height:21px;fill:currentColor}
.t3-sh-wa{--c:#25d366}
.t3-sh-fb{--c:#1877f2}
.t3-sh-x{--c:#14171a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.t3-sh-em{--c:#4b5563}
@media (max-width:520px){
  .t3-sh{width:40px;height:40px;border-radius:11px}
  .t3-sh svg{width:19px;height:19px}
  .t3-share-lbl{width:100%;margin:0 0 2px}
}
.pagination,.navigation.pagination{display:flex;gap:8px;justify-content:center;margin:22px 0}
.page-numbers{padding:6px 11px;border:1px solid var(--bd);border-radius:9px;background:var(--card);font-size:13px}
.page-numbers.current{background:var(--ac);color:#04120c;border-color:var(--ac)}
.t3-foot{border-top:1px solid var(--bd);padding:18px 14px;text-align:center;color:var(--mut);font-size:12px}
.t3-legal{margin:0 0 10px;line-height:2}
.t3-legal a{color:var(--tx);opacity:.85}
.t3-legal a:hover{color:var(--ac);opacity:1}
.t3-legal .sep{opacity:.35;margin:0 2px}

@media (min-width:720px){
  .t3-hero h1{font-size:28px}
  .t3-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}

.t3-404{text-align:center;max-width:720px;margin:0 auto;padding:26px 4px 6px}
.t3-404-num{font:800 64px/1 system-ui,Tahoma,sans-serif;letter-spacing:2px;opacity:.9;
  background:linear-gradient(180deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--ac)}
.t3-404 h1{font-size:22px;margin:8px 0 8px}
.t3-404-sub{color:var(--mut);font-size:14px;line-height:1.95;max-width:560px;margin:0 auto 20px}
.t3-404-search{display:flex;gap:8px;max-width:520px;margin:0 auto 16px}
.t3-404-search input{flex:1;min-width:0;padding:11px 13px;border-radius:11px;border:1px solid var(--bd);
  background:var(--bg2);color:var(--tx);font:inherit;font-size:14px;outline:none}
.t3-404-search input:focus{border-color:var(--ac)}
.t3-404-search button{appearance:none;-webkit-appearance:none;border:0;border-radius:11px;padding:11px 20px;
  font:inherit;font-size:14px;font-weight:700;color:#04120c;background:var(--ac);cursor:pointer;transition:.15s}
.t3-404-search button:hover{filter:brightness(1.08)}
.t3-404-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
@media (max-width:560px){
  .t3-404-num{font-size:52px}
  .t3-404-search{flex-direction:column}
  .t3-404-search button{padding:12px 20px}
}