@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Oswald:wght@500;600;700&display=swap');

:root {
    --ink: #07111f;
    --navy: #0b1c2d;
    --steel: #3d4b58;
    --asphalt: #66717b;
    --paper: #f3f4f5;
    --line: #dce1e4;
    --aqua: #27c5d4;
    --amber: #f2a33b;
    --red: #e14b4b;
    --white: #fff;
    --shadow: 0 18px 45px rgba(6, 20, 34, .11)
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: Manrope, Arial, sans-serif;
    -webkit-font-smoothing: antialiased
}

a {
    color: inherit;
    text-decoration: none
}

.wrap {
    width: min(1220px, calc(100% - 40px));
    margin: auto
}

.top {
    height: 34px;
    background: #050b12;
    color: #96a5b2;
    font-size: 10px
}

.top .wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.live {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #dce5ec
}

.dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--red);
    box-shadow: 0 0 0 5px rgba(225, 75, 75, .12);
    animation: pulse 1.8s infinite
}

.mini {
    display: flex;
    gap: 20px
}

.mini a:hover {
    color: #fff
}

header {
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(7, 17, 31, .96);
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(16px)
}

.head {
    height: 76px;
    display: flex;
    align-items: center;
    gap: 27px
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: auto
}

.mark {
    position: relative;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--aqua);
    color: var(--ink);
    font: 700 27px Oswald
}

.mark:after {
    content: "";
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 11px;
    height: 11px;
    border: 3px solid var(--ink);
    border-radius: 50%;
    background: var(--amber)
}

.brand b {
    font: 600 23px/1 Oswald;
    letter-spacing: .02em
}

.brand small {
    display: block;
    margin-top: 6px;
    color: #8495a3;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .15em
}

.nav {
    display: flex;
    gap: 20px
}

.nav a {
    position: relative;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em
}

.nav a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 0;
    height: 2px;
    background: var(--aqua);
    transition: .25s
}

.nav a:hover:after {
    width: 100%
}

.auth {
    display: flex;
    gap: 8px
}

.btn {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid #415266;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 800;
    transition: .2s
}

.btn:hover {
    transform: translateY(-2px);
    border-color: #8797a6
}

.btn.primary {
    background: var(--aqua);
    border-color: var(--aqua);
    color: var(--ink)
}

.btn.logout {
    border-color: #71404a;
    color: #ffc0c0
}

.breaking {
    background: #fff;
    border-bottom: 1px solid var(--line)
}

.breaking .wrap {
    height: 43px;
    display: flex;
    align-items: center;
    overflow: hidden
}

.breaking b {
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: 0 17px;
    background: var(--red);
    color: #fff;
    font: 500 12px Oswald;
    letter-spacing: .08em
}

.breaking span {
    padding-left: 20px;
    white-space: nowrap;
    color: #4d5964;
    font-size: 10px;
    font-weight: 700;
    animation: ticker 24s linear infinite
}

main {
    padding-top: 25px
}

.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.72fr) minmax(300px, .72fr);
    gap: 18px
}

.hero {
    position: relative;
    min-height: 490px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(115deg, rgba(5, 13, 23, .98), rgba(10, 34, 54, .88) 55%, rgba(67, 81, 91, .45)), radial-gradient(circle at 84% 25%, #35b9c7, transparent 31%), #203b50
}

.hero:before {
    content: "";
    position: absolute;
    right: -110px;
    top: -130px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    box-shadow: 0 0 0 50px rgba(255, 255, 255, .025), 0 0 0 100px rgba(255, 255, 255, .018);
    animation: float 7s ease-in-out infinite
}

.hero:after {
    content: "UZ";
    position: absolute;
    right: 25px;
    bottom: -52px;
    color: rgba(255, 255, 255, .045);
    font: 700 260px/1 Oswald
}

.hero-copy {
    position: absolute;
    z-index: 2;
    left: 42px;
    right: 36px;
    bottom: 40px;
    max-width: 760px
}

.kicker {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--amber);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase
}

.kicker:before {
    content: "";
    width: 28px;
    height: 2px;
    background: currentColor
}

.hero h1 {
    margin: 14px 0 16px;
    max-width: 760px;
    font: 600 clamp(39px, 5.2vw, 67px)/1.02 Oswald;
    letter-spacing: -.02em
}

.hero-text-carousel {
 position: relative;
 min-height: 2.15em;
 overflow: hidden;
}

.hero-text-slide {
 position: absolute;
 inset: 0;
 display: block;
 opacity: 0;
 transform: translateY(28px);
 animation: heroTextCarousel 12s ease-in-out infinite;
}

.hero-text-slide:nth-child(2) {
 animation-delay: 4s;
}

.hero-text-slide:nth-child(3) {
 animation-delay: 8s;
}

@keyframes heroTextCarousel {
 0% {
  opacity: 0;
  transform: translateY(28px);
 }
 5%, 28% {
  opacity: 1;
  transform: translateY(0);
 }
 34%, 100% {
  opacity: 0;
  transform: translateY(-28px);
 }
}

.hero p {
    max-width: 640px;
    margin: 0;
    color: #bdcad4;
    font-size: 13px;
    line-height: 1.75
}

.meta {
    display: flex;
    gap: 18px;
    margin-top: 22px;
    color: #a5b5c1;
    font-size: 9px;
    font-weight: 700
}

.meta a {
    color: var(--aqua)
}

.hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 24px
}

.hero-actions .btn {
    min-height: 45px;
    padding: 0 18px;
    font-size: 12px
}

.hero-actions .ghost {
    border-color: rgba(255, 255, 255, .28);
    color: #fff
}

.side {
    background: #fff;
    border-top: 4px solid var(--navy);
    box-shadow: var(--shadow)
}

.side-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 20px 13px
}

.side-head h2 {
    margin: 0;
    font: 600 21px Oswald
}

.side-head span {
    color: var(--red);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .13em
}

.side-item {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 12px;
    margin: 0 20px;
    padding: 17px 0;
    border-top: 1px solid var(--line)
}

.side-item>span {
    color: #c4ccd2;
    font: 600 25px/1 Oswald
}

.side-item small,
.category {
    color: #168895;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .12em
}

.side-item h3 {
    margin: 5px 0 0;
    font-size: 11px;
    line-height: 1.55
}

.side-item:hover h3 {
    color: #147e8b
}

.side-feed {
    counter-reset: latest-ad
}

.side-feed > :nth-child(n+5) {
    display: none
}

.uc-latest-ad {
    counter-increment: latest-ad;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin: 0 20px;
    padding: 13px 0;
    border-top: 1px solid var(--line)
}

.uc-latest-ad-image {
    position: relative;
    display: block;
    width: 58px;
    height: 58px;
    overflow: hidden;
    border-radius: 7px;
    background: linear-gradient(135deg, #102a43, #3d6675)
}

.uc-latest-ad-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform .3s ease
}

.uc-latest-ad:hover .uc-latest-ad-image img {
    transform: scale(1.07)
}

.uc-latest-ad-placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #fff;
    font: 700 18px Oswald
}

.uc-latest-ad-copy {
    min-width: 0
}

.uc-latest-ad-meta {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: #87939c;
    font-size: 9px;
    font-weight: 700
}

.uc-latest-ad-meta a {
    overflow: hidden;
    color: #168895;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.uc-latest-ad-meta time {
    flex: 0 0 auto
}

.uc-latest-ad h3 {
    display: -webkit-box;
    overflow: hidden;
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.uc-latest-ad h3 a:hover {
    color: #147e8b
}

.side-all {
    display: block;
    padding: 12px 20px 15px;
    border-top: 1px solid var(--line);
    color: #147e8b;
    text-align: right;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase
}

.stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 18px;
    background: var(--navy);
    color: #fff
}

.stat {
    padding: 19px 23px;
    border-right: 1px solid rgba(255, 255, 255, .1)
}

.stat:last-child {
    border: 0
}

.stat b {
    font: 600 27px Oswald;
    color: var(--aqua)
}

.stat span {
    display: block;
    color: #95a6b5;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase
}

.site-stats{margin:18px 0 0}.site-stats-head{display:flex;align-items:end;justify-content:space-between;padding:17px 22px;background:#07131f;color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}.site-stats-head small{color:var(--aqua);font-size:10px;font-weight:800;letter-spacing:.13em}.site-stats-head h2{margin:3px 0 0;font:500 21px Oswald}.live-label{display:flex;align-items:center;gap:9px;color:#aab8c4;font-size:11px;font-weight:700}.stats-members{margin-top:0;grid-template-columns:.7fr .7fr 1.3fr 1.3fr}.stats-members .stat{min-width:0}.stat-number{display:flex;flex-direction:column;justify-content:center}.stat-number b{overflow-wrap:anywhere}.stat-number .member-total{color:inherit;font:inherit}.stat-list{padding:17px 20px;text-align:left}.stat-list>span{margin-bottom:11px}.visitor-list{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:2px 0 7px;scrollbar-width:thin}.visitor-chip{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(255,255,255,.07);color:#dbe8ef;font-size:11px;font-weight:700;white-space:nowrap}.visitor-chip:hover{border-color:var(--aqua);color:var(--aqua)}.leader-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 15px;margin:0;padding:0;list-style:none;counter-reset:leaders}.leader-item{min-width:0;counter-increment:leaders}.leader-item a{display:block;overflow:hidden;color:#dbe8ef;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.leader-item a:before{content:counter(leaders) ". ";color:var(--aqua)}.leader-item a:hover{color:var(--aqua)}@media(max-width:1000px){.stats-members{grid-template-columns:repeat(2,1fr)}.stats-members .stat:nth-child(2){border-right:0}}@media(max-width:660px){.site-stats-head{align-items:center;padding:15px}.site-stats-head h2{font-size:19px}.live-label{font-size:9px}.stats-members{grid-template-columns:1fr 1fr}.stat-list{grid-column:1/-1;border-right:0}.visitor-list{padding-bottom:9px}}

.ad {
    position: relative;
    isolation: isolate;
    min-height: 108px;
    margin: 22px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #25475d;
    background: linear-gradient(115deg, #07111f, #102e45 55%, #304b5d);
    color: #fff
}

.ad:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -60%;
    background: conic-gradient(from 0deg, transparent 0 38%, rgba(39, 197, 212, .22) 46%, transparent 54% 100%);
    animation: ad-spin 7s linear infinite
}

.ad:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35%;
    width: 24%;
    transform: skewX(-20deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent);
    animation: ad-shine 3.4s ease-in-out infinite
}

.ad-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding: 17px 28px
}

.ad-copy {
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left
}

.ad-badge {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    background: rgba(39, 197, 212, .12);
    color: var(--aqua);
    font: 600 16px Oswald;
    animation: ad-pulse 1.9s ease-in-out infinite
}

.ad strong {
    display: block;
    color: #fff;
    font: 500 clamp(16px, 2.1vw, 24px) Oswald;
    letter-spacing: .015em
}

.ad small {
    display: block;
    margin-top: 4px;
    color: #95aabd;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase
}

.ad-cta {
    flex: 0 0 auto;
    padding: 10px 15px;
    border-radius: 6px;
    background: var(--amber);
    color: var(--ink);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .06em;
    transition: .2s
}

.ad-cta:hover {
    transform: translateY(-2px);
    background: #ffc261
}

.ad.vertical {
    min-height: 275px;
    margin: 0
}

.ad.vertical .ad-inner,
.ad.vertical .ad-copy {
    flex-direction: column;
    text-align: center
}

.ad.vertical .ad-inner {
    gap: 17px;
    padding: 26px 22px
}

.ad.vertical strong {
    font-size: 25px;
    line-height: 1.15
}

.ad.vertical .ad-badge {
    width: 54px;
    height: 54px;
    font-size: 20px
}

section {
    margin: 42px 0
}

.section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 18px
}

.section-head small {
    color: #6c7984;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase
}

.section-head h2 {
    margin: 4px 0 0;
    font: 600 28px Oswald
}

.section-head h2:after {
    content: "";
    display: inline-block;
    width: 31px;
    height: 3px;
    margin: 0 0 5px 12px;
    background: var(--aqua)
}

.all {
    color: #167f8c;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px
}

.card {
    background: #fff;
    border: 1px solid var(--line);
    transition: .28s
}

.card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow)
}

.visual {
    position: relative;
    height: 202px;
    overflow: hidden;
    background: linear-gradient(135deg, #0c2133, #60717e)
}

.visual.truck {
    background: linear-gradient(135deg, #24333d, #7b858d)
}

.visual.visa {
    background: linear-gradient(135deg, #0d3341, #208192)
}

.visual.home {
    background: linear-gradient(135deg, #163044, #4d7484)
}

.visual.job {
    background: linear-gradient(135deg, #26333e, #80684b)
}

.visual.event {
    background: linear-gradient(135deg, #3a203d, #956166)
}

.visual i {
    position: absolute;
    left: 21px;
    top: 20px;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .35);
    color: #fff;
    font: 600 18px Oswald;
    font-style: normal
}

.visual b {
    position: absolute;
    right: -5px;
    bottom: -24px;
    color: rgba(255, 255, 255, .11);
    font: 700 100px Oswald;
    letter-spacing: -.06em
}

.card-body {
    padding: 20px
}

.card h3 {
    margin: 9px 0 17px;
    font-size: 14px;
    line-height: 1.55
}

.card-foot {
    display: flex;
    justify-content: space-between;
    color: #89949d;
    font-size: 8px
}

.card:hover h3 {
    color: #147e8b
}

.split {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 18px
}

.feature {
    position: relative;
    min-height: 330px;
    padding: 35px;
    overflow: hidden;
    background: var(--navy);
    color: #fff
}

.feature:after {
    content: "USA";
    position: absolute;
    right: -12px;
    bottom: -40px;
    color: rgba(255, 255, 255, .045);
    font: 700 180px Oswald
}

.feature>* {
    position: relative;
    z-index: 1
}

.feature h2 {
    margin: 13px 0;
    max-width: 520px;
    font: 600 35px/1.15 Oswald
}

.feature p {
    max-width: 550px;
    color: #aab8c4;
    font-size: 11px;
    line-height: 1.8
}

.feature-link {
    display: inline-flex;
    margin-top: 17px;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--aqua);
    color: var(--aqua);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .09em
}

.quick {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    background: #fff;
    border: 1px solid var(--line)
}

.quick a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    border-bottom: 1px solid var(--line);
    font-size: 11px;
    font-weight: 800;
    transition: .2s
}

.quick a:last-child {
    border: 0
}

.quick b {
    color: #a1abb3;
    font-size: 18px
}

.quick a:hover {
    padding-left: 29px;
    background: #f1fafb;
    color: #13808d
}

.dark {
    padding: 33px;
    background: #101a24;
    color: #fff
}

.dark .section-head {
    margin-top: 0
}

.dark .section-head h2 {
    color: #fff
}

.topics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px
}

.topic {
    position: relative;
    min-height: 150px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .035);
    transition: .25s
}

.topic i {
    display: block;
    width: 25px;
    height: 3px;
    margin-bottom: 27px;
    background: var(--aqua)
}

.topic h3 {
    margin: 0 0 8px;
    font: 500 20px Oswald
}

.topic p {
    margin: 0;
    color: #8999a6;
    font-size: 9px;
    line-height: 1.65
}

.topic b {
    position: absolute;
    right: 15px;
    top: 12px;
    color: rgba(255, 255, 255, .12);
    font: 600 33px Oswald
}

.topic:hover {
    transform: translateY(-4px);
    background: #172b3b
}

.community {
    display: grid;
    grid-template-columns: 1.6fr .7fr;
    gap: 18px
}

.forum {
    background: #fff;
    border: 1px solid var(--line)
}

.forum a {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 15px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--line)
}

.forum a:last-child {
    border: 0
}

.forum h3 {
    margin: 0 0 7px;
    font-size: 11px
}

.forum small {
    color: #89949d;
    font-size: 8px
}

.forum b {
    align-self: center;
    color: #9ba5ad
}

.forum a:hover h3 {
    color: #13808d
}

footer {
    margin-top: 55px;
    background: #050c14;
    color: #8494a2
}

.footer {
    display: grid;
    grid-template-columns: 1.8fr repeat(3, 1fr);
    gap: 42px;
    padding: 48px 0 37px
}

.footer h3 {
    margin: 0 0 14px;
    color: #fff;
    font: 500 17px Oswald
}

.footer p {
    max-width: 390px;
    font-size: 10px;
    line-height: 1.8
}

.footer a {
    font-size: 9px;
    line-height: 2.35
}

.footer a:hover {
    color: var(--aqua)
}

.copy {
    padding: 17px 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
    font-size: 8px;
    letter-spacing: .07em
}

.mobile {
    display: none
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 9px rgba(225, 75, 75, 0)
    }
}

@keyframes float {
    50% {
        transform: translate(-28px, 20px)
    }
}

@keyframes ticker {
    to {
        transform: translateX(-35%)
    }
}

@keyframes ad-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes ad-shine {

    0%,
    35% {
        left: -35%
    }

    70%,
    100% {
        left: 125%
    }
}

@keyframes ad-pulse {
    50% {
        transform: scale(1.08);
        box-shadow: 0 0 0 9px rgba(39, 197, 212, 0)
    }
}

@media(prefers-reduced-motion:reduce) {

    *,
    *:before,
    *:after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important
    }

    .hero-text-slide {
        display: none;
        opacity: 1;
        transform: none
    }

    .hero-text-slide:first-child {
        display: block
    }
}

@media(max-width:1000px) {
    .nav {
        display: none
    }

    .hero-grid {
        grid-template-columns: 1fr
    }

    .side {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 10px
    }

    .side-head {
        grid-column: 1/-1
    }

    .cards {
        grid-template-columns: repeat(2, 1fr)
    }

    .card:last-child {
        grid-column: 1/-1
    }

    .split,
    .community {
        grid-template-columns: 1fr
    }

    .ad.vertical {
        min-height: 108px
    }

    .footer {
        grid-template-columns: 1.5fr 1fr 1fr
    }
}

@media(max-width:660px) {
    .wrap {
        width: min(100% - 24px, 1220px)
    }

    .top {
        display: none
    }

    .head {
        height: 65px;
        gap: 11px
    }

    .mark {
        width: 39px;
        height: 39px;
        font-size: 23px
    }

    .brand b {
        font-size: 20px
    }

    .brand small {
        display: none
    }

    .btn {
        min-height: 35px;
        padding: 0 9px;
        font-size: 8px
    }

    .breaking b {
        padding: 0 10px
    }

    .hero {
        min-height: 455px
    }

    .hero-copy {
        left: 23px;
        right: 21px;
        bottom: 27px
    }

    .hero h1 {
        font-size: 42px
    }

    .hero-text-carousel {
        min-height: 3.1em
    }

    .hero p {
        font-size: 11px
    }

    .side {
        display: block
    }

    .stats {
        grid-template-columns: repeat(2, 1fr)
    }

    .stat:nth-child(2) {
        border-right: 0
    }

    .ad {
        min-height: 180px
    }

    .ad-inner,
    .ad-copy {
        flex-direction: column;
        text-align: center
    }

    .ad-inner {
        gap: 14px;
        padding: 22px 16px
    }

    .ad strong {
        font-size: 21px;
        line-height: 1.18
    }

    .cards,
    .topics {
        grid-template-columns: 1fr
    }

    .card:last-child {
        grid-column: auto
    }

    .feature {
        padding: 26px;
        min-height: 350px
    }

    .feature h2 {
        font-size: 30px
    }

    .quick a {
        min-height: 63px
    }

    .dark {
        padding: 25px 18px
    }

    .footer {
        grid-template-columns: 1fr 1fr;
        gap: 27px;
        padding-bottom: 82px
    }

    .footer>div:first-child {
        grid-column: 1/-1
    }

    .mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 50;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        background: rgba(5, 12, 20, .97);
        border-top: 1px solid #263543;
        color: #aab8c3;
        backdrop-filter: blur(14px)
    }

    .mobile a {
        padding: 9px 2px 8px;
        text-align: center;
        font-size: 7px;
        font-weight: 700
    }

    .mobile b {
        display: block;
        margin-bottom: 2px;
        color: #fff;
        font-size: 15px
    }
}

/* E’lon va xabarlar uchun yakuniy ixcham thumbnail ko‘rinishi */
.uc-informer-card.uc-ad-card-photo,.uc-informer-card.uc-news-card-photo{min-height:174px;padding:0;display:flex;flex-direction:row;align-items:stretch;overflow:hidden}.uc-ad-image,.uc-news-image{position:relative;flex:0 0 96px;align-self:center;display:block;width:96px;height:96px;margin-left:18px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#102a43,#3d6675)}.uc-news-image{background:linear-gradient(135deg,#3b2b1c,#8c6635)}.uc-ad-image img,.uc-news-image img{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .4s ease}.uc-ad-card-photo:hover .uc-ad-image img,.uc-news-card-photo:hover .uc-news-image img{transform:scale(1.07)}.uc-ad-image:after,.uc-news-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);border-radius:inherit;pointer-events:none}.uc-news-placeholder{width:100%;height:100%;display:grid;place-content:center;text-align:center;color:rgba(255,255,255,.9);background:radial-gradient(circle at 70% 20%,rgba(242,163,59,.34),transparent 44%)}.uc-news-placeholder b{font:700 29px/1 Oswald}.uc-news-placeholder small{margin-top:5px;font-size:7px;font-weight:800;letter-spacing:.14em}.uc-news-content{min-width:0;flex:1;display:flex;flex-direction:column;padding:19px 18px}.uc-news-card-photo .uc-card-meta{align-items:flex-start}.uc-news-card-photo .uc-card-title{margin:12px 0 17px;font-size:15px}.uc-news-card-photo .uc-card-footer{margin-top:auto}@media(max-width:660px){.uc-informer-card.uc-ad-card-photo,.uc-informer-card.uc-news-card-photo{min-height:158px}.uc-ad-image,.uc-news-image{flex-basis:82px;width:82px;height:82px;margin-left:14px}.uc-news-content{padding:16px 14px}.uc-news-card-photo .uc-card-title{font-size:14px}.uc-news-card-photo .uc-card-footer{gap:7px;font-size:9px}}

/* Rasmli e’lon informer kartalari */
.uc-ad-card-photo{min-height:174px;padding:0;display:flex;flex-direction:row;align-items:stretch;overflow:hidden}.uc-ad-card-photo:before{z-index:2}.uc-ad-image{position:relative;flex:0 0 96px;align-self:center;display:block;width:96px;height:96px;margin-left:18px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#102a43,#3d6675)}.uc-ad-image img{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .4s ease}.uc-ad-card-photo:hover .uc-ad-image img{transform:scale(1.07)}.uc-ad-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);border-radius:inherit;pointer-events:none}.uc-ad-placeholder{width:100%;height:100%;display:grid;place-content:center;text-align:center;color:rgba(255,255,255,.88);background:radial-gradient(circle at 70% 20%,rgba(39,197,212,.28),transparent 42%)}.uc-ad-placeholder b{font:700 29px/1 Oswald;letter-spacing:-.03em}.uc-ad-placeholder small{margin-top:5px;font-size:7px;font-weight:800;letter-spacing:.16em}.uc-ad-content{min-width:0;flex:1;display:flex;flex-direction:column;padding:19px 18px}.uc-ad-card-photo .uc-card-meta{align-items:flex-start}.uc-ad-card-photo .uc-card-title{margin:12px 0 17px;font-size:15px}.uc-ad-card-photo .uc-card-footer{margin-top:auto}@media(max-width:660px){.uc-ad-card-photo{min-height:158px}.uc-ad-image{flex-basis:82px;width:82px;height:82px;margin-left:14px}.uc-ad-content{padding:16px 14px}.uc-ad-card-photo .uc-card-title{font-size:14px}.uc-ad-card-photo .uc-card-footer{gap:7px;font-size:9px}}

.banner-frame{display:block;width:100%;height:110px;margin:22px 0;border:0;background:#07111f}.banner-frame.vertical{height:275px;margin:0}@media(max-width:660px){.banner-frame{height:180px}.banner-frame.vertical{height:275px}}

/* uCoz informer bloklari */
.informer-output{width:100%}.informer-cards,.informer-news,.informer-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.informer-forum{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.informer-heading{margin-top:42px}.informer-output:empty{display:none}.informer-output img{display:block;max-width:100%;height:auto}.informer-photos img{width:100%;aspect-ratio:4/3;object-fit:cover}.informer-output a{transition:color .2s,transform .2s}.informer-output a:hover{color:#147e8b}@media(max-width:1000px){.informer-cards,.informer-news,.informer-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:660px){.informer-cards,.informer-news,.informer-photos{grid-template-columns:1fr}.informer-heading{margin-top:34px}}

.uc-informer-card{position:relative;min-height:185px;display:flex;flex-direction:column;padding:22px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 25px rgba(6,20,34,.06);transition:transform .25s,box-shadow .25s}.uc-informer-card:before{content:"";position:absolute;left:-1px;top:-1px;width:48px;height:4px;background:var(--aqua)}.uc-informer-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.uc-news-card:before{background:var(--amber)}.uc-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7a8791;font-size:11px;font-weight:700}.uc-card-category{color:#147e8b;text-align:right;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.uc-card-title{margin:19px 0 24px;font-size:17px;line-height:1.5}.uc-card-title a:hover{color:#147e8b}.uc-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);color:#89949d;font-size:11px}.uc-card-footer a{color:#147e8b;font-weight:700}.uc-forum-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:18px 21px;background:#fff}.uc-forum-category{color:#147e8b;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.uc-forum-item h3{margin:6px 0 0;font-size:15px;line-height:1.45}.uc-forum-item h3 a:hover{color:#147e8b}.uc-forum-replies{min-width:58px;padding:9px 10px;border-left:1px solid var(--line);text-align:center;color:#77848e}.uc-forum-replies b{display:block;color:var(--navy);font:600 22px Oswald}.uc-forum-replies span{display:block;font-size:9px;text-transform:uppercase}.uc-photo-card{overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 8px 25px rgba(6,20,34,.06);transition:transform .25s,box-shadow .25s}.uc-photo-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.uc-photo-image{display:block;overflow:hidden;background:#193044}.uc-photo-image img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}.uc-photo-card:hover .uc-photo-image img{transform:scale(1.04)}.uc-photo-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px}.uc-photo-info span{color:#8b969f;font-size:10px;text-transform:uppercase}.uc-photo-info a{color:#147e8b;font-size:11px;font-weight:800}@media(max-width:660px){.uc-informer-card{min-height:165px;padding:19px}.uc-card-title{font-size:16px}.uc-forum-item{padding:16px}.uc-forum-item h3{font-size:14px}}

/* O‘qishga qulay, professional tipografik masshtab */
body {
    font-size: 16px;
    line-height: 1.55
}

.top {
    font-size: 12px
}

.brand small {
    font-size: 10px
}

.nav a,
.btn {
    font-size: 12px
}

.breaking b {
    font-size: 13px
}

.breaking span {
    font-size: 12px
}

.kicker,
.side-head span,
.side-item small,
.category,
.section-head small,
.all {
    font-size: 11px
}

.hero p {
    font-size: 16px
}

.meta {
    font-size: 12px
}

.side-item h3 {
    font-size: 14px
}

.stat span,
.ad strong,
.ad small,
.ad-cta {
    font-size: 11px
}

.card h3 {
    font-size: 17px
}

.card-foot {
    font-size: 11px
}

.feature p {
    font-size: 15px
}

.feature-link {
    font-size: 12px
}

.quick a {
    font-size: 14px
}

.topic p {
    font-size: 13px
}

.forum h3 {
    font-size: 15px
}

.forum small {
    font-size: 11px
}

.footer p {
    font-size: 13px
}

.footer a {
    font-size: 12px
}

.copy {
    font-size: 11px
}

@media(max-width:660px) {
    .brand small {
        display: none
    }

    .btn {
        font-size: 10px
    }

    .hero p {
        font-size: 15px
    }

    .mobile a {
        font-size: 10px
    }

    .mobile b {
        font-size: 18px
    }
}

/* Fotolar uchun yangilik ikonkasidan kattaroq thumbnail */
.informer-photos .uc-photo-card{min-height:150px;display:flex;align-items:stretch;padding:0;overflow:hidden}.informer-photos .uc-photo-image{position:relative;flex:0 0 118px;align-self:center;width:118px;height:118px;margin-left:16px;border-radius:9px;overflow:hidden;background:#193044}.informer-photos .uc-photo-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.16);border-radius:inherit;pointer-events:none}.informer-photos .uc-photo-image img{display:block;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto;object-fit:cover;transition:transform .38s ease}.informer-photos .uc-photo-card:hover .uc-photo-image img{transform:scale(1.065)}.informer-photos .uc-photo-info{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:18px 16px}.informer-photos .uc-photo-info span{color:#8b969f;font-size:10px;font-weight:700;letter-spacing:.1em}.informer-photos .uc-photo-info a{color:#147e8b;font-size:13px;font-weight:800;line-height:1.45;overflow-wrap:anywhere}@media(max-width:660px){.informer-photos .uc-photo-card{min-height:132px}.informer-photos .uc-photo-image{flex-basis:104px;width:104px;height:104px;margin-left:14px}.informer-photos .uc-photo-info{padding:15px 13px}.informer-photos .uc-photo-info a{font-size:12px}}

/* E’lonlar kategoriyalari informeri */
.uc-category-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.uc-category-grid>table,.uc-category-grid>table>tbody,.uc-category-grid>table>tbody>tr,.uc-category-grid>table>tbody>tr>td{display:contents!important}.uc-category-card{position:relative;min-width:0;min-height:105px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px 42px 16px 16px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);color:#fff;transition:transform .25s,background .25s,border-color .25s}.uc-category-card:hover{transform:translateY(-4px);border-color:rgba(39,197,212,.48);background:#172b3b;color:#fff}.uc-category-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#183c51,#258195);color:#d7f8fb;font:600 19px Oswald}.uc-category-content{min-width:0}.uc-category-content strong{display:block;color:#fff;font:500 17px/1.3 Oswald}.uc-category-content small{display:-webkit-box;margin-top:6px;overflow:hidden;color:#8fa0ad;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.uc-category-count{text-align:center}.uc-category-count b{display:block;color:var(--aqua);font:600 21px/1 Oswald}.uc-category-count small{display:block;margin-top:4px;color:#7f909d;font-size:8px;text-transform:uppercase}.uc-category-arrow{position:absolute;right:13px;top:50%;color:#657785;font-size:17px;transform:translateY(-50%);transition:transform .25s,color .25s}.uc-category-card:hover .uc-category-arrow{color:var(--aqua);transform:translate(3px,-50%)}@media(max-width:1000px){.uc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:660px){.uc-category-grid{grid-template-columns:1fr}.uc-category-card{min-height:92px;padding:14px 39px 14px 14px}.uc-category-content strong{font-size:16px}}

/* So‘nggi izohlar informeri */
.recent-comments{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.recent-comments>table,.recent-comments>table>tbody,.recent-comments>table>tbody>tr,.recent-comments>table>tbody>tr>td{display:contents!important}.uc-comment-card{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px;padding:17px 20px;background:#fff;transition:background .2s}.uc-comment-card:hover{background:#f7fbfc}.uc-comment-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#102a43,#278296);color:#fff;font:600 22px Oswald}.uc-comment-body{min-width:0}.uc-comment-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.uc-comment-author{color:#147e8b;font-size:12px;font-weight:800}.uc-comment-meta time{color:#8a969f;font-size:10px}.uc-comment-message{display:-webkit-box;margin-top:7px;overflow:hidden;color:#35424d;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.uc-comment-message img{max-width:40px;max-height:40px}.uc-comment-entry{display:inline-block;margin-top:8px;color:#147e8b;font-size:10px;font-weight:800;letter-spacing:.05em}.uc-comment-entry:hover{color:var(--navy)}@media(max-width:660px){.uc-comment-card{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:15px}.uc-comment-icon{width:44px;height:44px;font-size:19px}.uc-comment-message{font-size:12px}}

/* E’lon joylash bo‘yicha uch bosqichli qo‘llanma */
.posting-guide{min-height:430px;padding:32px 34px}.posting-guide:after{font-size:150px;right:-5px;bottom:-31px}.posting-guide h2{max-width:620px;margin-bottom:21px;font-size:32px}.posting-steps{position:relative;z-index:1;display:grid;gap:9px}.posting-step{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:13px;padding:11px 13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}.posting-step>b{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:rgba(39,197,212,.13);color:var(--aqua);font:600 15px Oswald}.posting-step h3{margin:0;color:#fff;font-size:13px}.posting-step p{margin:4px 0 0;color:#91a2af;font-size:11px;line-height:1.5}.posting-actions{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:20px}.posting-actions .feature-link{margin-top:0}.posting-secondary{padding-bottom:5px;border-bottom:1px solid #5d6f7e;color:#b8c6d0;font-size:10px;font-weight:800;letter-spacing:.08em}.posting-secondary:hover{border-color:var(--aqua);color:var(--aqua)}@media(max-width:660px){.posting-guide{min-height:auto;padding:26px 22px}.posting-guide h2{font-size:28px}.posting-step{grid-template-columns:38px minmax(0,1fr);padding:10px}.posting-step p{font-size:10px}.posting-actions{margin-top:17px}}

/* Forum mavzulari uchun ixcham ikonka */
.informer-forum .uc-forum-item{min-height:108px;grid-template-columns:72px minmax(0,1fr) auto;gap:17px;padding:17px 20px}.uc-forum-icon{position:relative;width:72px;height:72px;display:grid;place-content:center;text-align:center;overflow:hidden;border-radius:9px;color:#fff;background:linear-gradient(145deg,#102a43,#287688);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);transition:transform .3s ease}.uc-forum-icon:after{content:"";position:absolute;right:8px;bottom:-5px;width:15px;height:15px;background:#287688;transform:rotate(45deg)}.uc-forum-icon b{position:relative;z-index:1;font:700 28px/1 Oswald}.uc-forum-icon small{position:relative;z-index:1;margin-top:4px;color:#bfeaf0;font-size:7px;font-weight:800;letter-spacing:.12em}.uc-forum-item:hover .uc-forum-icon{transform:scale(1.045)}.uc-forum-copy{min-width:0}@media(max-width:660px){.informer-forum .uc-forum-item{min-height:94px;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;padding:14px}.uc-forum-icon{width:58px;height:58px}.uc-forum-icon b{font-size:23px}.uc-forum-icon small{font-size:6px}.uc-forum-replies{min-width:49px;padding:7px}.uc-forum-replies b{font-size:19px}}

/* E’lon qo‘llanmasi yonidagi manual forum bo‘limlari */
.popular-forum-panel{min-width:0;background:#fff;border:1px solid var(--line)}.popular-forum-head{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line)}.popular-forum-head small{color:#168895;font-size:9px;font-weight:800;letter-spacing:.11em}.popular-forum-head h3{margin:3px 0 0;font:500 20px Oswald}.popular-forum-head>a{color:#168895;font-size:9px;font-weight:800}.popular-forum-list{display:grid;gap:1px;background:var(--line)}.popular-forum-item{min-width:0;min-height:70px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 15px;background:#fff;transition:background .2s,padding-left .2s}.popular-forum-item:hover{padding-left:19px;background:#f2fafb;color:inherit}.popular-forum-rank{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#e5f7f9;color:#168895;font:600 11px Oswald}.popular-forum-copy{min-width:0}.popular-forum-copy small{display:block;overflow:hidden;color:#168895;font-size:8px;font-weight:800;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap}.popular-forum-copy strong{display:block;margin-top:4px;overflow:hidden;color:#152431;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.popular-forum-count{text-align:center}.popular-forum-count b{display:block;color:var(--navy);font:600 18px/1 Oswald}.popular-forum-count small{display:block;margin-top:3px;color:#929da5;font-size:7px;text-transform:uppercase}@media(max-width:660px){.popular-forum-head{min-height:68px}.popular-forum-item{min-height:65px;padding:9px 12px}.popular-forum-copy strong{font-size:11px}}