{"id":8113,"date":"2026-03-30T18:28:54","date_gmt":"2026-03-30T13:28:54","guid":{"rendered":"https:\/\/hive.courses\/?page_id=8113"},"modified":"2026-03-31T12:02:37","modified_gmt":"2026-03-31T07:02:37","slug":"landing-webinar","status":"publish","type":"page","link":"https:\/\/hive.courses\/uz\/landing-webinar\/","title":{"rendered":"Landing-Webinar"},"content":{"rendered":"\n<style>\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  :root {\n    --primary: #5f33e1;\n    --primary-dark: #4620c8;\n    --primary-deeper: #341890;\n    --secondary: #ede8ff;\n    --secondary-dark: #d8cfff;\n    --white: #ffffff;\n    --text-dark: #0f0a2e;\n    --text-mid: #3d2f7a;\n    --text-muted: #7b6baa;\n    --accent-gold: #f5c842;\n    --accent-coral: #ff6b6b;\n    --border: rgba(95, 51, 225, 0.15);\n    --shadow: 0 8px 40px rgba(95, 51, 225, 0.18);\n    --shadow-sm: 0 2px 16px rgba(95, 51, 225, 0.1);\n  }\n\n  html {\n    scroll-behavior: smooth;\n  }\n\n  body {\n    font-family: \"Manrope\", sans-serif;\n    background: #f8f6ff;\n    color: var(--text-dark);\n    overflow-x: hidden;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* \u2500\u2500 TICKER \u2500\u2500 *\/\n  .ticker-wrap {\n    background: var(--primary);\n    overflow: hidden;\n    padding: 10px 0;\n  }\n  .ticker-track {\n    display: flex;\n    gap: 0;\n    width: max-content;\n    animation: ticker 28s linear infinite;\n  }\n  .ticker-item {\n    white-space: nowrap;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    color: var(--white);\n    padding: 0 40px;\n    text-transform: uppercase;\n    opacity: 0.92;\n  }\n  .ticker-item span {\n    color: var(--accent-gold);\n    margin-right: 8px;\n  }\n  @keyframes ticker {\n    from {\n      transform: translateX(0);\n    }\n    to {\n      transform: translateX(-50%);\n    }\n  }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    position: relative;\n    background: var(--white);\n    overflow: hidden;\n    padding: 64px 24px 0;\n  }\n\n  \/* Geometric background shapes *\/\n  .hero::before {\n    content: \"\";\n    position: absolute;\n    top: -120px;\n    right: -120px;\n    width: 500px;\n    height: 500px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(95, 51, 225, 0.08) 0%,\n      transparent 70%\n    );\n    pointer-events: none;\n  }\n  .hero::after {\n    content: \"\";\n    position: absolute;\n    bottom: 60px;\n    left: -80px;\n    width: 300px;\n    height: 300px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(95, 51, 225, 0.05) 0%,\n      transparent 70%\n    );\n    pointer-events: none;\n  }\n\n  \/* Grid lines decoration *\/\n  .hero-grid {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image:\n      linear-gradient(rgba(95, 51, 225, 0.04) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(95, 51, 225, 0.04) 1px, transparent 1px);\n    background-size: 60px 60px;\n    pointer-events: none;\n  }\n\n  .hero-inner {\n    position: relative;\n    max-width: 760px;\n    margin: 0 auto;\n    text-align: center;\n    z-index: 2;\n  }\n\n  .event-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--secondary);\n    border: 1px solid var(--secondary-dark);\n    border-radius: 100px;\n    padding: 6px 18px 6px 6px;\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--primary);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    margin-bottom: 28px;\n    animation: fadeUp 0.6s ease both;\n  }\n  .event-badge-dot {\n    width: 24px;\n    height: 24px;\n    background: var(--primary);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .event-badge-dot::after {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    background: #fff;\n    border-radius: 50%;\n    animation: pulse 1.8s ease-in-out infinite;\n  }\n  @keyframes pulse {\n    0%,\n    100% {\n      transform: scale(1);\n      opacity: 1;\n    }\n    50% {\n      transform: scale(1.3);\n      opacity: 0.7;\n    }\n  }\n\n  .hero-label {\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 16px;\n    animation: fadeUp 0.6s 0.1s ease both;\n  }\n\n  .hero-title {\n    font-family: \"Playfair Display\", serif;\n    font-size: clamp(30px, 5vw, 52px);\n    font-weight: 900;\n    line-height: 1.12;\n    color: var(--text-dark);\n    margin-bottom: 20px;\n    animation: fadeUp 0.6s 0.2s ease both;\n  }\n  .hero-title em {\n    font-style: italic;\n    color: var(--primary);\n    position: relative;\n  }\n  .hero-title em::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -4px;\n    height: 3px;\n    background: var(--accent-gold);\n    border-radius: 2px;\n  }\n\n  .hero-sub {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--text-muted);\n    line-height: 1.65;\n    max-width: 560px;\n    margin: 0 auto 36px;\n    animation: fadeUp 0.6s 0.3s ease both;\n  }\n\n  \/* Date chip *\/\n  .date-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 36px;\n    animation: fadeUp 0.6s 0.35s ease both;\n    flex-wrap: wrap;\n  }\n  .date-chip {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--secondary);\n    border: 1.5px solid var(--secondary-dark);\n    border-radius: 100px;\n    padding: 8px 20px;\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--primary-dark);\n  }\n  .date-chip svg {\n    flex-shrink: 0;\n  }\n\n  \/* CTA area *\/\n  .cta-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 48px;\n    animation: fadeUp 0.6s 0.4s ease both;\n  }\n\n  .btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: var(--primary);\n    color: #fff;\n    border: none;\n    border-radius: 16px;\n    padding: 18px 40px;\n    font-family: \"Manrope\", sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    cursor: pointer;\n    text-decoration: none;\n    transition:\n      transform 0.18s ease,\n      box-shadow 0.18s ease,\n      background 0.18s ease;\n    box-shadow: 0 6px 32px rgba(95, 51, 225, 0.38);\n    position: relative;\n    overflow: hidden;\n  }\n  .btn-primary::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.15) 0%,\n      transparent 60%\n    );\n    border-radius: inherit;\n  }\n  .btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 48px rgba(95, 51, 225, 0.45);\n    background: var(--primary-dark);\n  }\n  .btn-primary:active {\n    transform: translateY(0);\n  }\n  .btn-arrow {\n    width: 28px;\n    height: 28px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.18s;\n  }\n  .btn-primary:hover .btn-arrow {\n    transform: translateX(3px);\n  }\n\n  .cta-note {\n    font-size: 12px;\n    color: var(--text-muted);\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n  }\n  .cta-note::before {\n    content: \"\u2713\";\n    color: #22c55e;\n    font-weight: 700;\n  }\n\n  \/* Urgency bar *\/\n  .urgency-bar {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: #fff8e6;\n    border: 1px solid #f5c842;\n    border-radius: 8px;\n    padding: 8px 16px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #92690a;\n  }\n  .urgency-dot {\n    width: 8px;\n    height: 8px;\n    background: var(--accent-gold);\n    border-radius: 50%;\n    animation: pulse 1.4s ease-in-out infinite;\n  }\n\n  \/* Speaker card that bleeds into the section below *\/\n  .speaker-float {\n    position: relative;\n    z-index: 3;\n    margin-top: 56px;\n    display: flex;\n    justify-content: center;\n    animation: fadeUp 0.7s 0.5s ease both;\n  }\n  .speaker-card {\n    background: var(--white);\n    border: 1px solid var(--border);\n    border-radius: 20px;\n    padding: 20px 28px;\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    box-shadow: var(--shadow-sm);\n    max-width: 500px;\n    width: 100%;\n    flex-direction: column;\n  }\n  .speaker-avatar {\n    width: 250px;\n    height: 250px;\n    border-radius: 50%;\n    background: var(--secondary);\n    border: 3px solid var(--primary);\n    overflow: hidden;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: \"Playfair Display\", serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--primary);\n  }\n  .speaker-info {\n    flex: 1;\n    text-align: center;\n  }\n  .speaker-name {\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--text-dark);\n    margin-bottom: 2px;\n  }\n  .speaker-role {\n    font-size: 12px;\n    color: var(--text-muted);\n    font-weight: 500;\n    margin-bottom: 6px;\n  }\n  .speaker-badges {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  .spk-badge {\n    font-size: 11px;\n    font-weight: 700;\n    padding: 3px 10px;\n    border-radius: 100px;\n  }\n  .spk-badge-purple {\n    background: var(--secondary);\n    color: var(--primary);\n  }\n  .spk-badge-gold {\n    background: #fff8e6;\n    color: #92690a;\n    border: 1px solid #f5c842;\n  }\n\n  \/* \u2500\u2500 WHAT YOU LEARN \u2500\u2500 *\/\n  .section-learn {\n    background: #f8f6ff;\n    padding: 72px 24px 64px;\n  }\n  .section-learn-inner {\n    max-width: 760px;\n    margin: 0 auto;\n  }\n  .section-eyebrow {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 10px;\n    text-align: center;\n  }\n  .section-heading {\n    font-family: \"Playfair Display\", serif;\n    font-size: clamp(24px, 4vw, 36px);\n    font-weight: 900;\n    color: var(--text-dark);\n    text-align: center;\n    margin-bottom: 48px;\n    line-height: 1.2;\n  }\n\n  .topics-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 16px;\n  }\n\n  .topic-card {\n    background: var(--white);\n    border: 1px solid var(--border);\n    border-radius: 16px;\n    padding: 22px 24px;\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    transition:\n      transform 0.18s ease,\n      box-shadow 0.18s ease;\n    cursor: default;\n  }\n  .topic-card:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--shadow-sm);\n  }\n  .topic-num {\n    width: 40px;\n    height: 40px;\n    background: var(--secondary);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 15px;\n    font-weight: 900;\n    color: var(--primary);\n    flex-shrink: 0;\n    font-family: \"Playfair Display\", serif;\n  }\n  .topic-text {\n    flex: 1;\n  }\n  .topic-title {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--text-dark);\n    line-height: 1.4;\n    margin-bottom: 4px;\n  }\n  .topic-desc {\n    font-size: 12px;\n    color: var(--text-muted);\n    line-height: 1.5;\n    font-weight: 500;\n  }\n\n  \/* \u2500\u2500 FOR WHOM \u2500\u2500 *\/\n  .section-whom {\n    background: var(--white);\n    padding: 64px 24px;\n    border-top: 1px solid var(--border);\n  }\n  .section-whom-inner {\n    max-width: 760px;\n    margin: 0 auto;\n  }\n\n  .whom-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n    margin-top: 40px;\n  }\n  .whom-item {\n    background: var(--secondary);\n    border-radius: 14px;\n    padding: 18px 20px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .whom-icon {\n    width: 36px;\n    height: 36px;\n    background: var(--primary);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 16px;\n  }\n  .whom-text {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--text-mid);\n    line-height: 1.4;\n  }\n\n  \/* \u2500\u2500 STATS \u2500\u2500 *\/\n  .section-stats {\n    background: var(--primary);\n    padding: 56px 24px;\n    overflow: hidden;\n    position: relative;\n  }\n  .section-stats::before {\n    content: \"\";\n    position: absolute;\n    top: -60px;\n    right: -60px;\n    width: 280px;\n    height: 280px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.05);\n    pointer-events: none;\n  }\n  .section-stats::after {\n    content: \"\";\n    position: absolute;\n    bottom: -80px;\n    left: -40px;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.04);\n    pointer-events: none;\n  }\n  .stats-inner {\n    max-width: 760px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 32px;\n    text-align: center;\n    position: relative;\n    z-index: 2;\n  }\n  .stat-num {\n    font-family: \"Playfair Display\", serif;\n    font-size: 44px;\n    font-weight: 900;\n    color: var(--accent-gold);\n    line-height: 1;\n    margin-bottom: 6px;\n  }\n  .stat-label {\n    font-size: 13px;\n    font-weight: 600;\n    color: rgba(255, 255, 255, 0.75);\n    line-height: 1.4;\n  }\n\n  \/* \u2500\u2500 FINAL CTA \u2500\u2500 *\/\n  .section-cta {\n    background: #f8f6ff;\n    padding: 72px 24px;\n    text-align: center;\n  }\n  .cta-box {\n    max-width: 580px;\n    margin: 0 auto;\n    background: var(--white);\n    border: 1px solid var(--border);\n    border-radius: 24px;\n    padding: 48px 40px;\n    box-shadow: var(--shadow);\n    position: relative;\n    overflow: hidden;\n  }\n  .cta-box::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, var(--primary), #9b6fff, var(--primary));\n  }\n  .cta-box-title {\n    font-family: \"Playfair Display\", serif;\n    font-size: 28px;\n    font-weight: 900;\n    color: var(--text-dark);\n    margin-bottom: 10px;\n    line-height: 1.2;\n  }\n  .cta-box-sub {\n    font-size: 14px;\n    color: var(--text-muted);\n    margin-bottom: 28px;\n    font-weight: 500;\n    line-height: 1.6;\n  }\n\n  \/* Form *\/\n  .register-form {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-bottom: 16px;\n  }\n  .form-input {\n    width: 100%;\n    padding: 14px 18px;\n    border: 1.5px solid var(--border);\n    border-radius: 12px;\n    font-family: \"Manrope\", sans-serif;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--text-dark);\n    background: #fafafa;\n    outline: none;\n    transition:\n      border-color 0.18s,\n      box-shadow 0.18s;\n  }\n  .form-input:focus {\n    border-color: var(--primary);\n    box-shadow: 0 0 0 4px rgba(95, 51, 225, 0.1);\n    background: var(--white);\n  }\n  .form-input::placeholder {\n    color: var(--text-muted);\n  }\n\n  .btn-submit {\n    width: 100%;\n    padding: 16px;\n    background: var(--primary);\n    color: #fff;\n    border: none;\n    border-radius: 12px;\n    font-family: \"Manrope\", sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    cursor: pointer;\n    transition:\n      background 0.18s,\n      transform 0.18s,\n      box-shadow 0.18s;\n    box-shadow: 0 4px 24px rgba(95, 51, 225, 0.3);\n    position: relative;\n    overflow: hidden;\n  }\n  .btn-submit::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.12) 0%,\n      transparent 60%\n    );\n  }\n  .btn-submit:hover {\n    background: var(--primary-dark);\n    transform: translateY(-1px);\n    box-shadow: 0 8px 32px rgba(95, 51, 225, 0.4);\n  }\n  .btn-submit:active {\n    transform: scale(0.99);\n  }\n\n  .form-disclaimer {\n    font-size: 11px;\n    color: var(--text-muted);\n    text-align: center;\n    line-height: 1.6;\n  }\n\n  \/* Countdown *\/\n  .countdown-wrap {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 28px;\n  }\n  .cd-block {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 2px;\n  }\n  .cd-num {\n    background: var(--primary);\n    color: #fff;\n    border-radius: 10px;\n    width: 54px;\n    height: 52px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: \"Playfair Display\", serif;\n    font-size: 26px;\n    font-weight: 700;\n  }\n  .cd-label {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--text-muted);\n  }\n  .cd-sep {\n    font-size: 26px;\n    font-weight: 700;\n    color: var(--primary);\n    align-self: flex-start;\n    padding-top: 10px;\n  }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  .footer {\n    background: var(--text-dark);\n    padding: 28px 24px;\n    text-align: center;\n  }\n  .footer-logo {\n    font-family: \"Playfair Display\", serif;\n    font-size: 18px;\n    font-weight: 700;\n    color: var(--white);\n    margin-bottom: 6px;\n    letter-spacing: 0.04em;\n  }\n  .footer-text {\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.4);\n  }\n\n  \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n  @keyframes fadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(24px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* \u2500\u2500 SUCCESS STATE \u2500\u2500 *\/\n  .success-state {\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    padding: 20px 0;\n  }\n  .success-icon {\n    width: 64px;\n    height: 64px;\n    background: #dcfce7;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 28px;\n  }\n  .success-title {\n    font-family: \"Playfair Display\", serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--text-dark);\n  }\n  .success-text {\n    font-size: 14px;\n    color: var(--text-muted);\n    text-align: center;\n    line-height: 1.6;\n  }\n  .clients {\n    margin-top: 60px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  .clientimages {\n    max-width: 1100px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    justify-content: center;\n    gap: 25px;\n  }\n  .clientimages div {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    color: #fff;\n    gap: 20px;\n  }\n  .clientimages img {\n    width: 150px;\n    height: 150px;\n    border-radius: 150px;\n    border: 5px solid #fff;\n  }\n  .clientimages h3{\n    color: #fff;\n    font-size: 16px;\n    text-align: center;\n  }\n  \/* Responsive *\/\n  @media (max-width: 700px) {\n    .clientimages {\n    max-width: 1100px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    justify-content: center;\n    gap: 25px;\n  }\n    .hero {\n      padding: 48px 20px 0;\n    }\n    .speaker-card {\n      padding: 16px 20px;\n      gap: 14px;\n    }\n    .cta-box {\n      padding: 36px 24px;\n    }\n    .cd-num {\n      width: 46px;\n      height: 44px;\n      font-size: 22px;\n    }\n    .stat-num {\n      font-size: 36px;\n    }\n    .section-stats {\n      padding: 40px 24px;\n    }\n    .btn-primary {\n      padding: 16px 28px;\n      font-size: 15px;\n    }\n  }\n<\/style>\n<!-- TICKER -->\n<div class=\"ticker-wrap\" aria-hidden=\"true\">\n  <div class=\"ticker-track\">\n    <div class=\"ticker-item\">\n      <span>\u2605<\/span> Joylar cheklangan \u2014 hoziroq ro&#8217;yxatdan o&#8217;ting\n    <\/div>\n    <div class=\"ticker-item\">\n      <span>\u2605<\/span> 4-aprel 2026 \u00b7 Soat 20:00 \u00b7 Onlayn\n    <\/div>\n    <div class=\"ticker-item\">\n      <span>\u2605<\/span> Mutlaqo BEPUL \u2014 Hech qanday to&#8217;lov yo&#8217;q\n    <\/div>\n    <div class=\"ticker-item\">\n      <span>\u2605<\/span> Joylar cheklangan \u2014 hoziroq ro&#8217;yxatdan o&#8217;ting\n    <\/div>\n    <div class=\"ticker-item\">\n      <span>\u2605<\/span> 4-aprel 2026 \u00b7 Soat 20:00 \u00b7 Onlayn\n    <\/div>\n    <div class=\"ticker-item\">\n      <span>\u2605<\/span> Mutlaqo BEPUL \u2014 Hech qanday to&#8217;lov yo&#8217;q\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"hero-inner\">\n    <div class=\"event-badge\" style=\"animation-delay: 0s\">\n      <div class=\"event-badge-dot\"><\/div>\n      Onlayn Vebinar \u00b7 4-aprel 2026\n    <\/div>\n\n    <p class=\"hero-label\">Bepul Vebinar<\/p>\n\n    <h1 class=\"hero-title\">\n      Instagramda FACEBOOK orqali<br \/>\n      <em>target qanday yoqiladi?<\/em>\n    <\/h1>\n\n    <p class=\"hero-sub\">\n      Hech qanday tajribasiz ham Instagramda reklama berishni o\u2018rganasiz\n      <br \/>\n      va mijoz olib kelishni boshlaysiz\n    <\/p>\n\n    <div class=\"date-row\">\n      <div class=\"date-chip\">\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"#5F33E1\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" \/>\n          <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\n          <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\n          <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\n        <\/svg>\n        4-aprel 2026, Shanba\n      <\/div>\n      <div class=\"date-chip\">\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"#5F33E1\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n          <polyline points=\"12 6 12 12 16 14\" \/>\n        <\/svg>\n        Soat 20:00\n      <\/div>\n      <div class=\"date-chip\">\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"#5F33E1\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <path d=\"M21 2H3v16h5l4 4 4-4h5V2z\" \/>\n        <\/svg>\n        Zoom orqali\n      <\/div>\n    <\/div>\n\n    <div class=\"cta-group\">\n      <a href=\"#register\" class=\"btn-primary\">\n        Bepul ro&#8217;yxatdan o&#8217;tish\n        <span class=\"btn-arrow\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"#fff\"\n            stroke-width=\"2.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\n            <polyline points=\"12 5 19 12 12 19\" \/>\n          <\/svg>\n        <\/span>\n      <\/a>\n      <div class=\"urgency-bar\">\n        <span class=\"urgency-dot\"><\/span>\n        Joylar soni cheklangan \u2014 tez ro&#8217;yxatdan o&#8217;ting!\n      <\/div>\n      <p class=\"cta-note\">Hech qanday to&#8217;lov talab etilmaydi<\/p>\n    <\/div>\n\n    <!-- Speaker card -->\n    <div class=\"speaker-float\">\n      <div class=\"speaker-card\">\n        <div class=\"speaker-avatar\">\n          <img decoding=\"async\"\n            src=\"https:\/\/hive.courses\/wp-content\/uploads\/2026\/03\/8efaf563-e3f3-4c3b-bc27-31152751b90d.jpg\"\n            width=\"100%\"\n            height=\"100%\"\n            alt=\"Sardorbek Adirboyev\"\n          \/>\n        <\/div>\n        <div class=\"speaker-info\">\n          <p class=\"speaker-name\">Sardorbek Adirboyev<\/p>\n          <p class=\"speaker-role\">Vebinar muallifi va spiker\u0131<\/p>\n          <div class=\"speaker-badges\">\n            <span class=\"spk-badge spk-badge-gold\"\n              >biznes egalariga $ 1 000 000 gacha daromad<\/span\n            >\n            <span class=\"spk-badge spk-badge-purple\"\n              >professional targetolog<\/span\n            >\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- STATS -->\n<section class=\"section-stats\">\n  <div class=\"stats-inner\">\n    <div>\n      <div class=\"stat-num\">20+<\/div>\n      <div class=\"stat-label\">Muvaffaqiyatli<br \/>loyihalar<\/div>\n    <\/div>\n    <div>\n      <div class=\"stat-num\">200 000$<\/div>\n      <div class=\"stat-label\">Facebook reklamasiga<br \/>sarflangan<\/div>\n    <\/div>\n    <div>\n      <div class=\"stat-num\">1mln$<\/div>\n      <div class=\"stat-label\">Natijali<br \/>daromad<\/div>\n    <\/div>\n    \n  <\/div>\n  <div class=\"clients\">\n    <h2 class=\"section-heading\" style=\"color: #fff\">Loyihalar<\/h2>\n    <div class=\"clientimages\">\n      <div>\n        <img decoding=\"async\"\n          src=\"https:\/\/hive.courses\/wp-content\/uploads\/2026\/03\/123.jpg\"\n          alt=\"\"\n        \/>\n        <h3>Norbekov Markazi<\/h3>\n      <\/div>\n      <div>\n        <img decoding=\"async\"\n          src=\"https:\/\/hive.courses\/wp-content\/uploads\/2026\/03\/124.jpg\"\n          alt=\"\"\n        \/>\n        <h3>Muxtasar English<\/h3>\n      <\/div>\n      <div>\n        <img decoding=\"async\"\n          src=\"https:\/\/hive.courses\/wp-content\/uploads\/2026\/03\/125.jpg\"\n          alt=\"\"\n        \/>\n        <h3>Supermiya O&#8217;quv markazi<\/h3>\n      <\/div>\n      <div>\n        <img decoding=\"async\"\n          src=\"https:\/\/hive.courses\/wp-content\/uploads\/2026\/03\/126.jpg\"\n          alt=\"\"\n        \/>\n        <h3>Masters Club Uzbekistan<\/h3>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- WHAT YOU LEARN -->\n<section class=\"section-learn\">\n  <div class=\"section-learn-inner\">\n    <p class=\"section-eyebrow\">Dastur<\/p>\n    <h2 class=\"section-heading\">Vebinarda nimalarni o&#8217;rganasiz?<\/h2>\n\n    <div class=\"topics-grid\">\n      <div class=\"topic-card\">\n        <div class=\"topic-num\">1<\/div>\n        <div class=\"topic-text\">\n          <p class=\"topic-title\">Target reklamasini to&#8217;g&#8217;ri yoqish<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"topic-card\">\n        <div class=\"topic-num\">2<\/div>\n        <div class=\"topic-text\">\n          <p class=\"topic-title\">To\u2018g\u2018ri auditoriya tanlash va analiz qilish<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"topic-card\">\n        <div class=\"topic-num\">3<\/div>\n        <div class=\"topic-text\">\n          <p class=\"topic-title\">Daromadni qisqa vaqt ichida oshirish<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"topic-card\">\n        <div class=\"topic-num\">4<\/div>\n        <div class=\"topic-text\">\n          <p class=\"topic-title\">Sifatli, sovuq va issiq lidlarni jalb qilish<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"topic-card\">\n        <div class=\"topic-num\">5<\/div>\n        <div class=\"topic-text\">\n          <p class=\"topic-title\">Facebook reklama tartibi<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"topic-card\">\n        <div class=\"topic-num\">6<\/div>\n        <div class=\"topic-text\">\n          <p class=\"topic-title\">va Boshqalar<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOR WHOM -->\n<section class=\"section-whom\">\n  <div class=\"section-whom-inner\">\n    <p class=\"section-eyebrow\">Kimlar uchun<\/p>\n    <h2 class=\"section-heading\">Bu vebinar siz uchunmi?<\/h2>\n    <div class=\"whom-list\">\n      <div class=\"whom-item\">\n        <div class=\"whom-icon\">\ud83c\udf93<\/div>\n        <p class=\"whom-text\">Talabalar<\/p>\n      <\/div>\n      <div class=\"whom-item\">\n        <div class=\"whom-icon\">\ud83d\udd2c<\/div>\n        <p class=\"whom-text\">Zamonaviy kasb izlayotganlar<\/p>\n      <\/div>\n      <div class=\"whom-item\">\n        <div class=\"whom-icon\">\ud83d\udcdd<\/div>\n        <p class=\"whom-text\">Frilanserlar<\/p>\n      <\/div>\n      <div class=\"whom-item\">\n        <div class=\"whom-icon\">\ud83c\udfdb\ufe0f<\/div>\n        <p class=\"whom-text\">Biznes egalari<\/p>\n      <\/div>\n      <div class=\"whom-item\">\n        <div class=\"whom-icon\">\ud83d\udcca<\/div>\n        <p class=\"whom-text\">Daromadini oshirmoqchi bo\u2018lganlar<\/p>\n      <\/div>\n      <div class=\"whom-item\">\n        <div class=\"whom-icon\">\ud83c\udf0d<\/div>\n        <p class=\"whom-text\">Masofadan turib ishlashni xohlaydiganlar<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FINAL CTA \/ REGISTER -->\n<section class=\"section-cta\" id=\"register\">\n  <div class=\"cta-box\">\n    <div class=\"countdown-wrap\">\n      <div class=\"cd-block\">\n        <div class=\"cd-num\" id=\"cd-days\">00<\/div>\n        <div class=\"cd-label\">Kun<\/div>\n      <\/div>\n      <div class=\"cd-sep\">:<\/div>\n      <div class=\"cd-block\">\n        <div class=\"cd-num\" id=\"cd-hours\">00<\/div>\n        <div class=\"cd-label\">Soat<\/div>\n      <\/div>\n      <div class=\"cd-sep\">:<\/div>\n      <div class=\"cd-block\">\n        <div class=\"cd-num\" id=\"cd-mins\">00<\/div>\n        <div class=\"cd-label\">Daqiqa<\/div>\n      <\/div>\n      <div class=\"cd-sep\">:<\/div>\n      <div class=\"cd-block\">\n        <div class=\"cd-num\" id=\"cd-secs\">00<\/div>\n        <div class=\"cd-label\">Soniya<\/div>\n      <\/div>\n    <\/div>\n\n    <h2 class=\"cta-box-title\">Joyingizni band qiling!<\/h2>\n    <p class=\"cta-box-sub\">\n      Bepul ro&#8217;yxatdan o&#8217;ting va vebinar telegram kanali havolasini oling.\n      Joylar soni cheklangan.\n    <\/p>\n\n    <!-- Form -->\n    <div id=\"form-wrap\">\n      <!-- PRICE + FORM -->\n      <div class=\"price-box\">\n        <div class=\"price-label\">MUTLAQO BEPUL<\/div>\n        <script>\n          !(function (a, m, o, c, r, m) {\n            ((a[o + c] = a[o + c] || {\n              setMeta: function (p) {\n                this.params = (this.params || []).concat([p]);\n              },\n            }),\n              (a[o + r] =\n                a[o + r] ||\n                function (f) {\n                  a[o + r].f = (a[o + r].f || []).concat([f]);\n                }),\n              a[o + r]({\n                id: \"1675022\",\n                hash: \"4b8a06e4d13807b38255b7ee9a052c7b\",\n                locale: \"ru\",\n              }),\n              (a[o + m] =\n                a[o + m] ||\n                function (f, k) {\n                  a[o + m].f = (a[o + m].f || []).concat([[f, k]]);\n                }));\n          })(window, 0, \"amo_forms_\", \"params\", \"load\", \"loaded\");\n        <\/script>\n        <script\n          id=\"amoforms_script_1675022\"\n          async=\"async\"\n          charset=\"utf-8\"\n          src=\"https:\/\/forms.amocrm.ru\/forms\/assets\/js\/amoforms.js?1772009778\"\n        ><\/script>\n      <\/div>\n      <p class=\"form-disclaimer\">\n        Shaxsiy ma&#8217;lumotlaringiz uchinchi shaxslarga berilmaydi.<br \/>\n        Faqat vebinar haqida xabardor qilamiz.\n      <\/p>\n    <\/div>\n\n    <!-- Success -->\n    <div class=\"success-state\" id=\"success-state\">\n      <div class=\"success-icon\">\u2705<\/div>\n      <h3 class=\"success-title\">Tabriklaymiz!<\/h3>\n      <p class=\"success-text\">\n        Siz muvaffaqiyatli ro&#8217;yxatdan o&#8217;tdingiz.<br \/>\n        Vebinar havolasi elektron pochtangizga yuborildi.<br \/>\n        <strong>7-mart kuni soat 21:00da ko&#8217;rishguncha!<\/strong>\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer class=\"footer\">\n  <div class=\"footer-logo\">HIVE COURSES<\/div>\n  <p class=\"footer-text\">\u00a9 2026 Hive Courses. Barcha huquqlar himoyalangan.<\/p>\n<\/footer>\n\n<script>\n  \/\/ Countdown timer \u2014 target: 7 March 2026, 21:00 Tashkent (UTC+5)\n  function updateCountdown() {\n    var target = new Date(\"2026-04-04T20:00:00+05:00\").getTime();\n    var now = new Date().getTime();\n    var diff = target - now;\n\n    if (diff <= 0) {\n      document.getElementById(\"cd-days\").textContent = \"00\";\n      document.getElementById(\"cd-hours\").textContent = \"00\";\n      document.getElementById(\"cd-mins\").textContent = \"00\";\n      document.getElementById(\"cd-secs\").textContent = \"00\";\n      return;\n    }\n\n    var days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\n    var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n    var mins = Math.floor((diff % (1000 * 60 * 60)) \/ (1000 * 60));\n    var secs = Math.floor((diff % (1000 * 60)) \/ 1000);\n\n    document.getElementById(\"cd-days\").textContent = String(days).padStart(\n      2,\n      \"0\",\n    );\n    document.getElementById(\"cd-hours\").textContent = String(hours).padStart(\n      2,\n      \"0\",\n    );\n    document.getElementById(\"cd-mins\").textContent = String(mins).padStart(\n      2,\n      \"0\",\n    );\n    document.getElementById(\"cd-secs\").textContent = String(secs).padStart(\n      2,\n      \"0\",\n    );\n  }\n  updateCountdown();\n  setInterval(updateCountdown, 1000);\n\n  \/\/ Form submission\n  function handleSubmit(e) {\n    e.preventDefault();\n    var name = document.getElementById(\"name-input\").value.trim();\n    var phone = document.getElementById(\"phone-input\").value.trim();\n    var email = document.getElementById(\"email-input\").value.trim();\n\n    if (!name || !phone || !email) {\n      alert(\"Iltimos, barcha maydonlarni to'ldiring.\");\n      return;\n    }\n    if (!email.includes(\"@\")) {\n      alert(\"Iltimos, to'g'ri elektron pochta manzilini kiriting.\");\n      return;\n    }\n\n    \/\/ Hide form, show success\n    document.getElementById(\"form-wrap\").style.display = \"none\";\n    var s = document.getElementById(\"success-state\");\n    s.style.display = \"flex\";\n  }\n\n  \/\/ Smooth scroll for anchor links\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function (a) {\n    a.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n      var target = document.querySelector(this.getAttribute(\"href\"));\n      if (target) {\n        target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      }\n    });\n  });\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2605 Joylar cheklangan \u2014 hoziroq ro&#8217;yxatdan o&#8217;ting \u2605 4-aprel 2026 \u00b7 Soat 20:00 \u00b7 Onlayn \u2605 Mutlaqo BEPUL \u2014 Hech qanday to&#8217;lov yo&#8217;q \u2605 Joylar cheklangan \u2014 hoziroq ro&#8217;yxatdan o&#8217;ting \u2605 4-aprel 2026 \u00b7 Soat 20:00 \u00b7 Onlayn \u2605 Mutlaqo BEPUL \u2014 Hech qanday to&#8217;lov yo&#8217;q Onlayn Vebinar \u00b7 4-aprel 2026 Bepul Vebinar Instagramda FACEBOOK [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"qubely_global_settings":"","qubely_interactions":"","slim_seo":{"title":"Landing-Webinar - HIVECOURSES","description":"\u2605 Joylar cheklangan \u2014 hoziroq ro'yxatdan o'ting \u2605 4-aprel 2026 \u00b7 Soat 20:00 \u00b7 Onlayn \u2605 Mutlaqo BEPUL \u2014 Hech qanday to'lov yo'q \u2605 Joylar cheklangan \u2014 hoziroq ro'"},"footnotes":""},"class_list":["post-8113","page","type-page","status-publish","hentry"],"blocksy_meta":{"disable_featured_image":"yes","disable_share_box":"yes","disable_header":"yes","disable_footer":"yes","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":6},"has_hero_section":"disabled","content_style_source":"custom","vertical_spacing_source":"custom","content_area_spacing":"none"},"_links":{"self":[{"href":"https:\/\/hive.courses\/uz\/wp-json\/wp\/v2\/pages\/8113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hive.courses\/uz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hive.courses\/uz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hive.courses\/uz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hive.courses\/uz\/wp-json\/wp\/v2\/comments?post=8113"}],"version-history":[{"count":11,"href":"https:\/\/hive.courses\/uz\/wp-json\/wp\/v2\/pages\/8113\/revisions"}],"predecessor-version":[{"id":8149,"href":"https:\/\/hive.courses\/uz\/wp-json\/wp\/v2\/pages\/8113\/revisions\/8149"}],"wp:attachment":[{"href":"https:\/\/hive.courses\/uz\/wp-json\/wp\/v2\/media?parent=8113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}