{"id":9,"date":"2026-09-21T14:19:30","date_gmt":"2026-09-21T14:19:30","guid":{"rendered":"https:\/\/okvndokvnd.com\/?page_id=9"},"modified":"2026-10-10T14:35:35","modified_gmt":"2026-10-10T14:35:35","slug":"okvnd","status":"publish","type":"page","link":"https:\/\/okvndokvnd.com\/","title":{"rendered":"OKVND"},"content":{"rendered":"\n\t<section class=\"section\" id=\"section_2130363446\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!--\n  OKVNDOKVND.COM \u2014 Complete landing page content\n  Paste this ENTIRE block into ONE Custom HTML\/Code element in Flatsome,\n  placed in your main content area (below your existing header).\n\n  Loads Rajdhani + Inter from Google Fonts (safe external host).\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@600;700&amp;family=Inter:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<div class=\"ok-page\">\n\n  <!-- ============ SLIDER (standalone, images only, full image visible) ============ -->\n  <section class=\"ok-slider\">\n    <div class=\"ok-slider-track\" aria-hidden=\"true\">\n      <div class=\"ok-slider-slide is-active\">\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/hero-banner-1.webp\" alt=\"\">\n      <\/div>\n      <div class=\"ok-slider-slide\">\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/hero-banner-3.webp\" alt=\"\">\n      <\/div>\n      <div class=\"ok-slider-slide\">\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/hero-banner-2.webp\" alt=\"\">\n      <\/div>\n    <\/div>\n    <div class=\"ok-slider-dots\">\n      <span class=\"is-active\"><\/span><span><\/span><span><\/span>\n    <\/div>\n  <\/section>\n\n  <!-- ============ HERO (content only, no background photo) ============ -->\n  <section class=\"ok-hero\">\n    <div class=\"ok-hero-content\">\n\n      <div class=\"ok-hero-inner\">\n        <span class=\"ok-hero-kicker\">\u2b50 N\u1ec1n T\u1ea3ng Gi\u1ea3i Tr\u00ed Tr\u1ef1c Tuy\u1ebfn H\u00e0ng \u0110\u1ea7u<\/span>\n        <h1>C\u01b0\u1ee3c Tr\u1ef1c Tuy\u1ebfn <span class=\"ok-hero-accent\">Nhanh &amp; An To\u00e0n<\/span> C\u00f9ng OKVND<\/h1>\n        <p>N\u1ed5 h\u0169, casino tr\u1ef1c tuy\u1ebfn, b\u1eafn c\u00e1 v\u00e0 th\u1ec3 thao \u2014 t\u1ea5t c\u1ea3 trong m\u1ed9t t\u00e0i kho\u1ea3n. N\u1ea1p r\u00fat ch\u1ec9 trong v\u00e0i ph\u00fat, ch\u01a1i m\u1ecdi l\u00fac m\u1ecdi n\u01a1i.<\/p>\n\n        <div class=\"ok-hero-btns\">\n          <a href=\"https:\/\/okseo.pages.dev?f=812345\" class=\"ok-btn ok-btn-primary\" target=\"_blank\" rel=\"noopener\">\u0110\u0103ng K\u00fd +100K<\/a>\n          <a href=\"https:\/\/okseo.pages.dev?f=812345\" class=\"ok-btn ok-btn-outline\" target=\"_blank\" rel=\"noopener\">\u0110\u0103ng Nh\u1eadp<\/a>\n        <\/div>\n        <div class=\"ok-hero-chips\">\n          <span>\u26a1 N\u1ea1p\/R\u00fat trong 1 ph\u00fat<\/span>\n          <span>\ud83d\udd12 B\u1ea3o m\u1eadt SSL 256-bit<\/span>\n          <span>\ud83c\udfa7 H\u1ed7 tr\u1ee3 24\/7<\/span>\n        <\/div>\n\n        <!-- Category icon row -->\n        <div class=\"ok-cat-row\">\n          <a href=\"https:\/\/okvndokvnd.com\/ban-ca-2\/\" class=\"ok-cat-item\">\n            <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/ban-ca.png\" alt=\"B\u1eafn C\u00e1\" loading=\"lazy\">\n            <span>B\u1eafn C\u00e1<\/span>\n          <\/a>\n          <a href=\"https:\/\/okvndokvnd.com\/casino\/\" class=\"ok-cat-item\">\n            <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/song-bai.png\" alt=\"Casino\" loading=\"lazy\">\n            <span>Casino<\/span>\n          <\/a>\n          <a href=\"https:\/\/okvndokvnd.com\/da-ga\/\" class=\"ok-cat-item\">\n            <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/da-ga.jpg\" alt=\"\u0110\u00e1 G\u00e0\" loading=\"lazy\">\n            <span>\u0110\u00e1 G\u00e0<\/span>\n          <\/a>\n          <a href=\"https:\/\/okvndokvnd.com\/game-bai-2\/\" class=\"ok-cat-item\">\n            <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/game-bai.png\" alt=\"Game B\u00e0i\" loading=\"lazy\">\n            <span>Game B\u00e0i<\/span>\n          <\/a>\n          <a href=\"https:\/\/okvndokvnd.com\/the-thao\/\" class=\"ok-cat-item\">\n            <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/su-kien-the-hao.png\" alt=\"Th\u1ec3 Thao\" loading=\"lazy\">\n            <span>Th\u1ec3 Thao<\/span>\n          <\/a>\n          <a href=\"https:\/\/okvndokvnd.com\/no-hu\/\" class=\"ok-cat-item\">\n            <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/fortune-rabbit.png\" alt=\"N\u1ed5 H\u0169\" loading=\"lazy\">\n            <span>N\u1ed5 H\u0169<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ============ GAME HALLS (category cards w\/ description) ============ -->\n  <section class=\"ok-halls\">\n    <h2 class=\"ok-section-title\">Kh\u00e1m Ph\u00e1 C\u00e1c S\u1ea3nh C\u01b0\u1ee3c<\/h2>\n    <div class=\"ok-halls-list\">\n\n      <a href=\"https:\/\/okvndokvnd.com\/index.php\/ban-ca-okvnd-2\/\" class=\"ok-hall-row\">\n        <div class=\"ok-hall-label\">\n          <h3>B\u1eafn C\u00e1<\/h3>\n          <p>S\u0103n c\u00e1, n\u1ed5 h\u0169 li\u00ean ho\u00e0n v\u1edbi \u0111\u1ed3 h\u1ecda s\u1ed1ng \u0111\u1ed9ng v\u00e0 ph\u1ea7n th\u01b0\u1edfng kh\u1ee7ng m\u1ed7i ng\u00e0y.<\/p>\n        <\/div>\n        <div class=\"ok-hall-media\">\n          <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/BANCA.webp\" alt=\"B\u1eafn C\u00e1 OKVND\" loading=\"lazy\">\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/okvndokvnd.com\/index.php\/casino\/\" class=\"ok-hall-row\">\n        <div class=\"ok-hall-label\">\n          <h3>Casino<\/h3>\n          <p>Tr\u1ea3i nghi\u1ec7m casino tr\u1ef1c tuy\u1ebfn ch\u00e2n th\u1ef1c v\u1edbi dealer xinh \u0111\u1eb9p, ph\u00e1t tr\u1ef1c ti\u1ebfp 24\/7.<\/p>\n        <\/div>\n        <div class=\"ok-hall-media\">\n          <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/SONG-BAI.webp\" alt=\"Casino OKVND\" loading=\"lazy\">\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/okvndokvnd.com\/index.php\/da-ga\/\" class=\"ok-hall-row\">\n        <div class=\"ok-hall-label\">\n          <h3>\u0110\u00e1 G\u00e0<\/h3>\n          <p>\u0110\u00e1 g\u00e0 tr\u1ef1c tuy\u1ebfn uy t\u00edn, t\u1ef7 l\u1ec7 c\u01b0\u1ee3c h\u1ea5p d\u1eabn, c\u1eadp nh\u1eadt tr\u1eadn \u0111\u1ea5u theo th\u1eddi gian th\u1ef1c.<\/p>\n        <\/div>\n        <div class=\"ok-hall-media\">\n          <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/DA-GA.webp\" alt=\"\u0110\u00e1 G\u00e0 OKVND\" loading=\"lazy\">\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/okvndokvnd.com\/index.php\/game-bai-2\/\" class=\"ok-hall-row\">\n        <div class=\"ok-hall-label\">\n          <h3>Game B\u00e0i<\/h3>\n          <p>Kho game b\u00e0i d\u00e2n gian v\u00e0 hi\u1ec7n \u0111\u1ea1i, d\u1ec5 ch\u01a1i d\u1ec5 th\u1eafng, r\u00fat th\u01b0\u1edfng nhanh ch\u00f3ng.<\/p>\n        <\/div>\n        <div class=\"ok-hall-media\">\n          <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/GAME-BAI.webp\" alt=\"Game B\u00e0i OKVND\" loading=\"lazy\">\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/okvndokvnd.com\/index.php\/the-thao\/\" class=\"ok-hall-row\">\n        <div class=\"ok-hall-label\">\n          <h3>Th\u1ec3 Thao<\/h3>\n          <p>C\u00e1 c\u01b0\u1ee3c th\u1ec3 thao \u0111a d\u1ea1ng b\u1ed9 m\u00f4n v\u1edbi t\u1ef7 l\u1ec7 k\u00e8o c\u1ea1nh tranh nh\u1ea5t th\u1ecb tr\u01b0\u1eddng.<\/p>\n        <\/div>\n        <div class=\"ok-hall-media\">\n          <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/THE-THAO.webp\" alt=\"Th\u1ec3 Thao OKVND\" loading=\"lazy\">\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/okvndokvnd.com\/index.php\/no-hu\/\" class=\"ok-hall-row\">\n        <div class=\"ok-hall-label\">\n          <h3>N\u1ed5 H\u0169<\/h3>\n          <p>Kho slot game n\u1ed5 h\u0169 t\u1eeb c\u00e1c nh\u00e0 ph\u00e1t h\u00e0nh h\u00e0ng \u0111\u1ea7u, jackpot c\u1ef1c kh\u1ee7ng.<\/p>\n        <\/div>\n        <div class=\"ok-hall-media\">\n          <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/NO-HU.webp\" alt=\"N\u1ed5 H\u0169 OKVND\" loading=\"lazy\">\n        <\/div>\n      <\/a>\n\n     \n\n    <\/div>\n  <\/section>\n\n  <!-- ============ 3-STEP JOIN ============ -->\n  <section class=\"ok-steps\">\n    <h2 class=\"ok-section-title\">Tham Gia Ch\u1ec9 V\u1edbi 3 B\u01b0\u1edbc<\/h2>\n    <div class=\"ok-steps-row\">\n      <div class=\"ok-step\">\n        <span class=\"ok-step-num\">1<\/span>\n        <h3>\u0110\u0103ng K\u00fd \/ \u0110\u0103ng Nh\u1eadp<\/h3>\n        <p>T\u1ea1o t\u00e0i kho\u1ea3n ch\u1ec9 trong 30 gi\u00e2y b\u1eb1ng s\u1ed1 \u0111i\u1ec7n tho\u1ea1i ho\u1eb7c email.<\/p>\n      <\/div>\n      <div class=\"ok-step-line\"><\/div>\n      <div class=\"ok-step\">\n        <span class=\"ok-step-num\">2<\/span>\n        <h3>N\u1ea1p Ti\u1ec1n Nhanh<\/h3>\n        <p>Ch\u1ecdn ph\u01b0\u01a1ng th\u1ee9c n\u1ea1p ph\u00f9 h\u1ee3p \u2014 ti\u1ec1n v\u00e0o t\u00e0i kho\u1ea3n g\u1ea7n nh\u01b0 ngay l\u1eadp t\u1ee9c.<\/p>\n      <\/div>\n      <div class=\"ok-step-line\"><\/div>\n      <div class=\"ok-step\">\n        <span class=\"ok-step-num\">3<\/span>\n        <h3>Ch\u01a1i &amp; R\u00fat Th\u01b0\u1edfng<\/h3>\n        <p>Ch\u1ecdn game y\u00eau th\u00edch, tham gia v\u00e0 r\u00fat th\u01b0\u1edfng v\u1ec1 t\u00e0i kho\u1ea3n c\u1ee7a b\u1ea1n.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ APP DOWNLOAD \/ QR ============ -->\n  <section class=\"ok-app\">\n    <div class=\"ok-app-panel\">\n\n      <div class=\"ok-app-info\">\n        <h2 class=\"ok-section-title ok-section-title-left\">T\u1ea3i \u1ee8ng D\u1ee5ng OKVND<\/h2>\n        <p>Qu\u00e9t m\u00e3 QR b\u00ean d\u01b0\u1edbi ho\u1eb7c b\u1ea5m v\u00e0o n\u00fat t\u01b0\u01a1ng \u1ee9ng \u0111\u1ec3 t\u1ea3i \u1ee9ng d\u1ee5ng OKVND cho \u0111i\u1ec7n tho\u1ea1i c\u1ee7a b\u1ea1n \u2014 tr\u1ea3i nghi\u1ec7m m\u01b0\u1ee3t m\u00e0 h\u01a1n, an to\u00e0n h\u01a1n.<\/p>\n      <\/div>\n\n      <div class=\"ok-app-visual-row\">\n        <div class=\"ok-app-phone\">\n          <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/okvnd-mobile-app.png\" alt=\"\u1ee8ng d\u1ee5ng OKVND tr\u00ean \u0111i\u1ec7n tho\u1ea1i\" loading=\"lazy\">\n        <\/div>\n        <div class=\"ok-app-qr-grid\">\n          <a href=\"https:\/\/okseo.pages.dev?f=812345\" class=\"ok-app-qr-card\" target=\"_blank\" rel=\"noopener\">\n            <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/android-qr-okvnd.png\" alt=\"QR T\u1ea3i \u1ee8ng D\u1ee5ng Android\" loading=\"lazy\">\n            <span class=\"ok-app-qr-label\">\ud83d\udcf1 Android Download<\/span>\n          <\/a>\n          <a href=\"https:\/\/okseo.pages.dev?f=812345\" class=\"ok-app-qr-card\" target=\"_blank\" rel=\"noopener\">\n            <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/okvndQRcode-ios.png\" alt=\"QR T\u1ea3i \u1ee8ng D\u1ee5ng iOS\" loading=\"lazy\">\n            <span class=\"ok-app-qr-label\">\ud83c\udf4e iOS Download<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ============ DEPOSIT \/ WITHDRAWAL ============ -->\n  <section class=\"ok-pay\">\n    <h2 class=\"ok-section-title\">N\u1ea1p &amp; R\u00fat Ti\u1ec1n Si\u00eau T\u1ed1c<\/h2>\n    <div class=\"ok-pay-grid\">\n\n      <div class=\"ok-pay-card\">\n        <div class=\"ok-pay-head\">\n          <span class=\"ok-pay-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 19V5M5 12l7-7 7 7\"><\/path><\/svg>\n          <\/span>\n          <div>\n            <h3>N\u1ea1p Ti\u1ec1n<\/h3>\n            <span class=\"ok-speed-tag\">Trong ~1 ph\u00fat<\/span>\n          <\/div>\n        <\/div>\n        <ul class=\"ok-pay-list\">\n          <li>Chuy\u1ec3n kho\u1ea3n ng\u00e2n h\u00e0ng n\u1ed9i \u0111\u1ecba<\/li>\n          <li>V\u00ed \u0111i\u1ec7n t\u1eed (Momo, ZaloPay)<\/li>\n          <li>M\u00e3 QR n\u1ea1p nhanh<\/li>\n          <li>USDT \/ Crypto<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"ok-pay-card\">\n        <div class=\"ok-pay-head\">\n          <span class=\"ok-pay-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 5v14M5 12l7 7 7-7\"><\/path><\/svg>\n          <\/span>\n          <div>\n            <h3>R\u00fat Ti\u1ec1n<\/h3>\n            <span class=\"ok-speed-tag\">Trong 3-5 ph\u00fat<\/span>\n          <\/div>\n        <\/div>\n        <ul class=\"ok-pay-list\">\n          <li>V\u1ec1 t\u00e0i kho\u1ea3n ng\u00e2n h\u00e0ng \u0111\u00e3 x\u00e1c th\u1ef1c<\/li>\n          <li>V\u1ec1 v\u00ed \u0111i\u1ec7n t\u1eed li\u00ean k\u1ebft<\/li>\n          <li>R\u00fat b\u1eb1ng USDT \/ Crypto<\/li>\n          <li>Kh\u00f4ng gi\u1edbi h\u1ea1n s\u1ed1 l\u1ea7n r\u00fat\/ng\u00e0y<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n    <div class=\"ok-pay-methods\">\n      <span>Napas 247<\/span><span>Momo<\/span><span>ZaloPay<\/span><span>USDT (TRC20)<\/span>\n    <\/div>\n  <\/section>\n\n  <!-- ============ GAME SHOWCASE (POPULAR \/ HOTTEST) ============ -->\n  <section class=\"ok-games\">\n    <h2 class=\"ok-section-title\">Game Ph\u1ed5 Bi\u1ebfn &amp; Hot Nh\u1ea5t<\/h2>\n\n    <div class=\"ok-tabs\" role=\"tablist\">\n      <button class=\"ok-tab is-active\" data-filter=\"all\">T\u1ea5t C\u1ea3<\/button>\n      <button class=\"ok-tab\" data-filter=\"hot\">\u0110ang Hot<\/button>\n      <button class=\"ok-tab\" data-filter=\"new\">M\u1edbi Nh\u1ea5t<\/button>\n      <span class=\"ok-tab-indicator\"><\/span>\n    <\/div>\n\n    <div class=\"ok-grid\">\n      <a href=\"#\" class=\"ok-card\" data-cat=\"hot\">\n        <span class=\"ok-badge ok-badge-hot\">HOT<\/span>\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/fortune-gardua-500.png\" alt=\"Fortune Garuda 500\" loading=\"lazy\">\n        <div class=\"ok-card-play\"><span>\u25b6 Ch\u01a1i Ngay<\/span><\/div>\n        <div class=\"ok-card-info\"><span class=\"ok-provider\">TaDa Gaming<\/span><h3>Fortune Garuda 500<\/h3><\/div>\n      <\/a>\n      <a href=\"#\" class=\"ok-card\" data-cat=\"new\">\n        <span class=\"ok-badge ok-badge-new\">M\u1edaI<\/span>\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/fortune-garuda-1000.png\" alt=\"Fortune Garuda 1000\" loading=\"lazy\">\n        <div class=\"ok-card-play\"><span>\u25b6 Ch\u01a1i Ngay<\/span><\/div>\n        <div class=\"ok-card-info\"><span class=\"ok-provider\">TaDa Gaming<\/span><h3>Fortune Garuda 1000<\/h3><\/div>\n      <\/a>\n      <a href=\"#\" class=\"ok-card\" data-cat=\"hot\">\n        <span class=\"ok-badge ok-badge-hot\">HOT<\/span>\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/mahjong-ways-2.png\" alt=\"Mahjong Ways 2\" loading=\"lazy\">\n        <div class=\"ok-card-play\"><span>\u25b6 Ch\u01a1i Ngay<\/span><\/div>\n        <div class=\"ok-card-info\"><span class=\"ok-provider\">PG Soft<\/span><h3>Mahjong Ways 2<\/h3><\/div>\n      <\/a>\n      <a href=\"#\" class=\"ok-card\" data-cat=\"new\">\n        <span class=\"ok-badge ok-badge-new\">M\u1edaI<\/span>\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/pirate-queen-2.png\" alt=\"Pirate Queen 2\" loading=\"lazy\">\n        <div class=\"ok-card-play\"><span>\u25b6 Ch\u01a1i Ngay<\/span><\/div>\n        <div class=\"ok-card-info\"><span class=\"ok-provider\">Slot N\u1ed5i B\u1eadt<\/span><h3>Pirate Queen 2<\/h3><\/div>\n      <\/a>\n      <a href=\"#\" class=\"ok-card\" data-cat=\"hot\">\n        <span class=\"ok-badge ok-badge-hot\">HOT<\/span>\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/fortune-gems-500.png\" alt=\"Fortune Gems 500\" loading=\"lazy\">\n        <div class=\"ok-card-play\"><span>\u25b6 Ch\u01a1i Ngay<\/span><\/div>\n        <div class=\"ok-card-info\"><span class=\"ok-provider\">TaDa Gaming<\/span><h3>Fortune Gems 500<\/h3><\/div>\n      <\/a>\n      <a href=\"#\" class=\"ok-card\" data-cat=\"hot\">\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/fortune-rabbit.png\" alt=\"Fortune Rabbit\" loading=\"lazy\">\n        <div class=\"ok-card-play\"><span>\u25b6 Ch\u01a1i Ngay<\/span><\/div>\n        <div class=\"ok-card-info\"><span class=\"ok-provider\">PG Soft<\/span><h3>Fortune Rabbit<\/h3><\/div>\n      <\/a>\n      <a href=\"#\" class=\"ok-card\" data-cat=\"hot\">\n        <span class=\"ok-badge ok-badge-hot\">HOT<\/span>\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/wild-bounty-showdown.png\" alt=\"Wild Bounty Showdown\" loading=\"lazy\">\n        <div class=\"ok-card-play\"><span>\u25b6 Ch\u01a1i Ngay<\/span><\/div>\n        <div class=\"ok-card-info\"><span class=\"ok-provider\">Pragmatic Play<\/span><h3>Wild Bounty Showdown<\/h3><\/div>\n      <\/a>\n      <a href=\"#\" class=\"ok-card\" data-cat=\"new\">\n        <span class=\"ok-badge ok-badge-new\">M\u1edaI<\/span>\n        <img decoding=\"async\" src=\"https:\/\/okvndokvnd.com\/wp-content\/uploads\/2026\/09\/wild-bandito.png\" alt=\"Wild Bandito\" loading=\"lazy\">\n        <div class=\"ok-card-play\"><span>\u25b6 Ch\u01a1i Ngay<\/span><\/div>\n        <div class=\"ok-card-info\"><span class=\"ok-provider\">PG Soft<\/span><h3>Wild Bandito<\/h3><\/div>\n      <\/a>\n    <\/div>\n\n    <div class=\"ok-jackpot\">\n      <div class=\"ok-jackpot-label\">Jackpot \u0110ang Ch\u1edd<\/div>\n      <div class=\"ok-jackpot-amount\"><span>\u20ab<\/span><span class=\"ok-jackpot-number\" data-target=\"482913650\">0<\/span><\/div>\n      <a href=\"https:\/\/okseo.pages.dev?f=812345\" class=\"ok-jackpot-cta\" target=\"_blank\" rel=\"noopener\">S\u0103n Jackpot<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- ============ ABOUT \/ ARTICLE ============ -->\n  <section class=\"ok-about\">\n    <div class=\"ok-about-text\">\n      <h2 class=\"ok-section-title ok-section-title-left\">V\u00ec Sao Ch\u1ecdn OKVND<\/h2>\n      <p>OKVND x\u00e2y d\u1ef1ng tr\u1ea3i nghi\u1ec7m c\u01b0\u1ee3c tr\u1ef1c tuy\u1ebfn xoay quanh ba y\u1ebfu t\u1ed1: t\u1ed1c \u0111\u1ed9 giao d\u1ecbch, \u0111\u1ed9 \u1ed5n \u0111\u1ecbnh c\u1ee7a h\u1ec7 th\u1ed1ng v\u00e0 s\u1ef1 \u0111a d\u1ea1ng s\u1ea3n ph\u1ea9m. M\u1ed7i b\u01b0\u1edbc t\u1eeb \u0111\u0103ng k\u00fd, n\u1ea1p ti\u1ec1n \u0111\u1ebfn r\u00fat th\u01b0\u1edfng \u0111\u1ec1u \u0111\u01b0\u1ee3c r\u00fat g\u1ecdn \u0111\u1ec3 h\u1ea1n ch\u1ebf thao t\u00e1c th\u1eeba.<\/p>\n      <p>Danh m\u1ee5c game \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt th\u01b0\u1eddng xuy\u00ean t\u1eeb c\u00e1c nh\u00e0 ph\u00e1t h\u00e0nh l\u1edbn, \u0111\u1ea3m b\u1ea3o tr\u1ea3i nghi\u1ec7m kh\u00f4ng l\u1eb7p l\u1ea1i d\u00f9 ch\u01a1i l\u00e2u d\u00e0i. \u0110\u1ed9i ng\u0169 h\u1ed7 tr\u1ee3 tr\u1ef1c tuy\u1ebfn t\u00fac tr\u1ef1c \u0111\u1ec3 x\u1eed l\u00fd th\u1eafc m\u1eafc v\u1ec1 giao d\u1ecbch ho\u1eb7c t\u00e0i kho\u1ea3n.<\/p>\n      <ul class=\"ok-about-points\">\n        <li>H\u1ec7 th\u1ed1ng gi\u00e1m s\u00e1t giao d\u1ecbch 24\/7<\/li>\n        <li>T\u1ef7 l\u1ec7 th\u01b0\u1edfng c\u1eadp nh\u1eadt theo t\u1eebng s\u1ef1 ki\u1ec7n<\/li>\n        <li>Giao di\u1ec7n t\u1ed1i \u01b0u cho c\u1ea3 m\u00e1y t\u00ednh v\u00e0 di \u0111\u1ed9ng<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"ok-about-stats\">\n      <div class=\"ok-stat\"><strong>1,000+<\/strong><span>T\u1ef1a game<\/span><\/div>\n      <div class=\"ok-stat\"><strong>&lt;1 ph\u00fat<\/strong><span>Th\u1eddi gian n\u1ea1p<\/span><\/div>\n      <div class=\"ok-stat\"><strong>24\/7<\/strong><span>H\u1ed7 tr\u1ee3 tr\u1ef1c tuy\u1ebfn<\/span><\/div>\n      <div class=\"ok-stat\"><strong>6+<\/strong><span>Nh\u00e0 ph\u00e1t h\u00e0nh<\/span><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ FAQ ============ -->\n  <section class=\"ok-faq\">\n    <h2 class=\"ok-section-title\">C\u00e2u H\u1ecfi Th\u01b0\u1eddng G\u1eb7p<\/h2>\n    <div class=\"ok-acc-item\">\n      <button class=\"ok-acc-head\">\u0110\u0103ng k\u00fd t\u00e0i kho\u1ea3n OKVND m\u1ea5t bao l\u00e2u? <span class=\"ok-acc-plus\">+<\/span><\/button>\n      <div class=\"ok-acc-body\"><p>Ch\u1ec9 kho\u1ea3ng 30 gi\u00e2y b\u1eb1ng s\u1ed1 \u0111i\u1ec7n tho\u1ea1i ho\u1eb7c email, kh\u00f4ng c\u1ea7n x\u00e1c minh ph\u1ee9c t\u1ea1p.<\/p><\/div>\n    <\/div>\n    <div class=\"ok-acc-item\">\n      <button class=\"ok-acc-head\">N\u1ea1p ti\u1ec1n v\u00e0 r\u00fat ti\u1ec1n m\u1ea5t bao l\u00e2u? <span class=\"ok-acc-plus\">+<\/span><\/button>\n      <div class=\"ok-acc-body\"><p>N\u1ea1p ti\u1ec1n th\u01b0\u1eddng x\u1eed l\u00fd trong kho\u1ea3ng 1 ph\u00fat, r\u00fat ti\u1ec1n trong 3-5 ph\u00fat n\u1ebfu th\u00f4ng tin ch\u00ednh x\u00e1c.<\/p><\/div>\n    <\/div>\n    <div class=\"ok-acc-item\">\n      <button class=\"ok-acc-head\">C\u00f3 gi\u1edbi h\u1ea1n s\u1ed1 l\u1ea7n r\u00fat ti\u1ec1n m\u1ed7i ng\u00e0y kh\u00f4ng? <span class=\"ok-acc-plus\">+<\/span><\/button>\n      <div class=\"ok-acc-body\"><p>Kh\u00f4ng, b\u1ea1n c\u00f3 th\u1ec3 r\u00fat nhi\u1ec1u l\u1ea7n trong ng\u00e0y mi\u1ec5n t\u00e0i kho\u1ea3n \u0111\u00e3 \u0111\u01b0\u1ee3c x\u00e1c th\u1ef1c.<\/p><\/div>\n    <\/div>\n    <div class=\"ok-acc-item\">\n      <button class=\"ok-acc-head\">OKVND c\u00f3 h\u1ed7 tr\u1ee3 tr\u00ean \u0111i\u1ec7n tho\u1ea1i kh\u00f4ng? <span class=\"ok-acc-plus\">+<\/span><\/button>\n      <div class=\"ok-acc-body\"><p>C\u00f3, to\u00e0n b\u1ed9 trang \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u cho tr\u00ecnh duy\u1ec7t di \u0111\u1ed9ng, kh\u00f4ng c\u1ea7n t\u1ea3i th\u00eam \u1ee9ng d\u1ee5ng.<\/p><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ CLOSING CTA ============ -->\n  <section class=\"ok-final-cta\">\n    <h2>S\u1eb5n S\u00e0ng Tr\u1ea3i Nghi\u1ec7m?<\/h2>\n    <p>\u0110\u0103ng k\u00fd h\u00f4m nay \u0111\u1ec3 nh\u1eadn \u01b0u \u0111\u00e3i ch\u00e0o m\u1eebng.<\/p>\n    <a href=\"https:\/\/okseo.pages.dev?f=812345\" class=\"ok-btn ok-btn-primary\" target=\"_blank\" rel=\"noopener\">\u0110\u0103ng K\u00fd Ngay<\/a>\n  <\/section>\n\n<\/div>\n\n<!-- Sticky mobile CTA bar -->\n<div class=\"ok-sticky-bar\">\n  <a href=\"https:\/\/okseo.pages.dev?f=812345\" class=\"ok-sticky-btn ok-sticky-outline\" target=\"_blank\" rel=\"noopener\">\u0110\u0103ng Nh\u1eadp<\/a>\n  <a href=\"https:\/\/okseo.pages.dev?f=812345\" class=\"ok-sticky-btn ok-sticky-primary\" target=\"_blank\" rel=\"noopener\">\u0110\u0103ng K\u00fd +100K<\/a>\n<\/div>\n\n<style>\n.ok-page, .ok-sticky-bar {\n  --gold: #F0B94D;\n  --gold-dim: #B98A2E;\n  --bg: #0B0E17;\n  --surface: #151B2E;\n  --surface-2: #1E263D;\n  --text: #E8EAF0;\n  --text-dim: #8B93A7;\n  --green: #2ECC71;\n  --red: #E63946;\n  font-family: 'Inter', sans-serif;\n  background: var(--bg);\n  color: var(--text);\n}\n.ok-page *, .ok-sticky-bar * { box-sizing: border-box; }\n.ok-page img { max-width: 100%; height: auto; }\n.ok-page h1, .ok-page h2, .ok-page h3,\n.ok-tab, .ok-jackpot-label, .ok-jackpot-amount, .ok-pay-methods span,\n.ok-step-num, .ok-stat strong {\n  font-family: 'Rajdhani', sans-serif;\n}\n.ok-page section { padding: 56px 20px; max-width: 1140px; margin: 0 auto; }\n.ok-section-title { text-align: center; font-size: clamp(22px,3vw,30px); font-weight: 700; color: #fff; margin: 0 0 32px; }\n.ok-section-title-left { text-align: left; margin-bottom: 16px; }\n\n\/* Buttons *\/\n.ok-btn { display: inline-block; padding: 14px 28px; border-radius: 8px; font-weight: 700; text-decoration: none; font-size: 15px; transition: transform .15s ease; }\n.ok-btn-primary { background: var(--gold); color: #1a1200; }\n.ok-btn-primary:hover { transform: translateY(-2px); }\n.ok-btn-outline { border: 2px solid #fff; color: #fff; background: transparent; }\n.ok-btn-outline:hover { background: #fff; color: #1a1200; }\n\n\/* Standalone slider \u2014 height follows the image, no blank space *\/\n.ok-page .ok-slider { position: relative; max-width: none; padding: 0; height: auto; overflow: hidden; background: var(--bg); }\n.ok-slider-track { display: grid; }\n.ok-slider-slide { grid-area: 1 \/ 1; opacity: 0; transition: opacity 1.4s ease; }\n.ok-slider-slide.is-active { opacity: 1; }\n.ok-slider-slide img { display: block; width: 100%; height: auto; }\n.ok-slider-dots { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); display: flex; gap: 8px; z-index: 2; }\n.ok-slider-dots span { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,0.55); box-shadow: 0 0 4px rgba(0,0,0,0.5); transition: background .3s ease, transform .3s ease; }\n.ok-slider-dots span.is-active { background: var(--gold); transform: scale(1.3); }\n\n\/* Hero (plain background, content only) *\/\n.ok-hero { position: relative; padding: 64px 20px 56px; background: radial-gradient(ellipse at 50% 0%, rgba(240,185,77,0.10), transparent 55%), var(--bg); max-width: none; }\n.ok-hero-content { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; text-align: center; }\n.ok-hero-inner { display: flex; flex-direction: column; align-items: center; }\n.ok-hero-kicker { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--gold); background: rgba(240,185,77,0.12); border: 1px solid var(--gold-dim); padding: 6px 16px; border-radius: 999px; margin-bottom: 18px; font-family: 'Rajdhani', sans-serif; }\n.ok-hero h1 { font-size: clamp(28px,4.5vw,46px); font-weight: 700; margin: 0 0 18px; color: #fff; line-height: 1.25; max-width: 720px; }\n.ok-hero-accent { color: var(--gold); }\n.ok-hero p { font-size: clamp(14px,2vw,17px); color: var(--text-dim); margin: 0 0 30px; max-width: 560px; }\n.ok-hero-btns { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; margin-bottom: 22px; }\n.ok-hero-chips { display: flex; gap: 18px; flex-wrap: wrap; justify-content: center; font-size: 13px; color: var(--text-dim); margin-bottom: 34px; }\n\n\/* Category icon row (under H1) *\/\n.ok-cat-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin: 0 auto; padding: 4px 2px 10px; max-width: 640px; }\n.ok-cat-item { flex: 0 0 auto; width: 92px; display: flex; flex-direction: column; align-items: center; text-decoration: none; background: var(--surface); border: 1px solid #212a41; border-radius: 12px; overflow: hidden; transition: transform .15s ease, border-color .15s ease; }\n.ok-cat-item:hover { transform: translateY(-3px); border-color: var(--gold-dim); }\n.ok-cat-item img { width: 100%; aspect-ratio: 1\/1; object-fit: cover; display: block; }\n.ok-cat-item span { display: block; width: 100%; padding: 8px 4px; font-size: 11px; font-weight: 700; text-align: center; color: #fff; background: rgba(0,0,0,0.25); font-family: 'Rajdhani', sans-serif; letter-spacing: .02em; }\n@media (max-width: 600px) {\n  .ok-cat-row { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; -webkit-overflow-scrolling: touch; max-width: 100%; }\n  .ok-cat-item { width: 84px; }\n}\n\n\/* Game halls \u2014 stacked full-width rows (label + image) *\/\n.ok-halls-list { display: flex; flex-direction: column; gap: 18px; }\n.ok-hall-row {\n  display: flex; align-items: stretch; gap: 28px;\n  background: var(--surface); border: 1px solid #212a41; border-radius: 14px;\n  overflow: hidden; text-decoration: none; color: var(--text);\n  transition: transform .15s ease, border-color .15s ease;\n}\n.ok-hall-row:hover { transform: translateY(-2px); border-color: var(--gold-dim); }\n.ok-hall-label { flex: 0 0 240px; padding: 22px 4px 22px 26px; display: flex; flex-direction: column; justify-content: center; }\n.ok-hall-label h3 { font-size: 20px; color: #fff; margin: 0 0 8px; font-family: 'Rajdhani', sans-serif; }\n.ok-hall-label p { font-size: 13px; line-height: 1.6; color: var(--text-dim); margin: 0; }\n.ok-hall-media { flex: 1 1 auto; min-height: 200px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--surface-2), var(--surface)); }\n.ok-hall-media img { width: 100%; height: 100%; object-fit: contain; display: block; }\n@media (max-width: 700px) {\n  .ok-hall-row { flex-direction: column; }\n  .ok-hall-label { flex: none; padding: 18px 20px 4px; text-align: center; }\n  .ok-hall-media { min-height: 160px; }\n}\n\n\n\/* App download \/ QR \u2014 paragraph + QR first, full image below (never cropped) *\/\n.ok-app-panel {\n  display: flex; flex-direction: column; align-items: center; gap: 32px;\n  background: linear-gradient(135deg, var(--surface-2), var(--surface));\n  border: 1px solid #212a41; border-radius: 20px; padding: 44px;\n  text-align: center;\n}\n.ok-app-info { width: 100%; max-width: 560px; }\n.ok-app-info .ok-section-title-left { text-align: center; }\n.ok-app-info p { font-size: 14px; line-height: 1.7; color: var(--text-dim); margin: 0 0 26px; }\n\n\/* App preview image + QR \u2014 sized equally, side by side *\/\n.ok-app-visual-row { display: flex; align-items: center; justify-content: center; gap: 32px; flex-wrap: wrap; }\n.ok-app-phone { display: flex; justify-content: center; }\n.ok-app-phone img { display: block; width: auto; height: 220px; max-width: 100%; object-fit: contain; filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5)); }\n\n.ok-app-qr-grid { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }\n.ok-app-qr-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 220px; background: var(--bg); border: 1px solid #212a41; border-radius: 12px; padding: 18px; text-decoration: none; transition: transform .15s ease, border-color .15s ease; box-sizing: border-box; }\n.ok-app-qr-card:hover { transform: translateY(-3px); border-color: var(--gold-dim); }\n.ok-app-qr-card img { width: 160px; height: 160px; border-radius: 6px; background: #fff; padding: 6px; object-fit: contain; }\n.ok-app-qr-label { font-size: 13px; font-weight: 700; color: #fff; }\n\n@media (max-width: 800px) {\n  .ok-app-panel { padding: 32px 24px; }\n}\n@media (max-width: 420px) {\n  .ok-app-panel { padding: 24px 16px; gap: 24px; }\n  .ok-app-phone img { height: 160px; }\n  .ok-app-qr-grid { gap: 14px; }\n  .ok-app-qr-card { height: 160px; padding: 12px; }\n  .ok-app-qr-card img { width: 110px; height: 110px; }\n}\n\n\/* Steps *\/\n.ok-steps-row { display: flex; align-items: flex-start; justify-content: center; gap: 8px; flex-wrap: wrap; }\n.ok-step { flex: 1; min-width: 180px; max-width: 240px; text-align: center; }\n.ok-step-num {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 40px; height: 40px; border-radius: 50%;\n  background: var(--gold); color: #1a1200; font-weight: 700; font-size: 18px;\n  margin-bottom: 12px;\n}\n.ok-step h3 { font-size: 16px; color: #fff; margin: 0 0 6px; }\n.ok-step p { font-size: 13px; color: var(--text-dim); line-height: 1.5; margin: 0; }\n.ok-step-line { flex: 0 0 60px; height: 2px; background: #232b42; margin-top: 20px; }\n@media (max-width: 700px) { .ok-step-line { display: none; } }\n\n\/* Deposit \/ Withdraw *\/\n.ok-pay-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.ok-pay-card { background: var(--surface); border: 1px solid #212a41; border-radius: 12px; padding: 26px; }\n.ok-pay-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }\n.ok-pay-icon { width: 44px; height: 44px; border-radius: 50%; background: rgba(240,185,77,0.12); color: var(--gold); display: flex; align-items: center; justify-content: center; flex: none; }\n.ok-pay-icon svg { width: 22px; height: 22px; }\n.ok-pay-head h3 { font-size: 17px; color: #fff; margin: 0; }\n.ok-speed-tag { font-size: 12px; color: var(--green); font-weight: 600; }\n.ok-pay-list { list-style: none; margin: 0; padding: 0; }\n.ok-pay-list li { font-size: 13px; color: var(--text-dim); padding: 8px 0; border-top: 1px solid #212a41; }\n.ok-pay-list li:first-child { border-top: none; }\n.ok-pay-methods { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; color: var(--text-dim); font-size: 14px; font-weight: 600; opacity: 0.8; }\n@media (max-width: 700px) { .ok-pay-grid { grid-template-columns: 1fr; } }\n\n\/* Games (tabs\/grid\/jackpot) *\/\n.ok-tabs { position: relative; display: flex; gap: 28px; justify-content: center; border-bottom: 1px solid #232b42; margin-bottom: 28px; overflow-x: auto; }\n.ok-tab { background: none; border: none; color: var(--text-dim); font-size: 16px; font-weight: 600; padding: 10px 2px 14px; cursor: pointer; white-space: nowrap; }\n.ok-tab.is-active { color: var(--gold); }\n.ok-tab-indicator { position: absolute; bottom: -1px; height: 2px; background: var(--gold); transition: left .25s ease, width .25s ease; }\n.ok-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }\n.ok-card { position: relative; display: block; background: var(--surface); border-radius: 10px; overflow: hidden; text-decoration: none; color: var(--text); border: 1px solid #212a41; }\n.ok-card img { width: 100%; aspect-ratio: 1\/1; object-fit: cover; display: block; }\n.ok-card-play { position: absolute; inset: 0 0 64px 0; display: flex; align-items: center; justify-content: center; background: rgba(11,14,23,0.55); opacity: 0; transition: opacity .15s ease; }\n.ok-card-play span { background: var(--gold); color: #1a1200; font-weight: 700; font-size: 13px; padding: 8px 16px; border-radius: 6px; }\n.ok-card:hover .ok-card-play, .ok-card:focus-visible .ok-card-play { opacity: 1; }\n.ok-card-info { padding: 10px 12px 14px; }\n.ok-provider { font-size: 11px; color: var(--text-dim); }\n.ok-card-info h3 { font-size: 15px; font-weight: 600; margin: 2px 0 0; color: #fff; }\n.ok-badge { position: absolute; top: 8px; left: 8px; z-index: 2; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 4px; font-family: 'Rajdhani', sans-serif; }\n.ok-badge-hot { background: var(--red); color: #fff; }\n.ok-badge-new { background: var(--gold); color: #1a1200; }\n.ok-badge-live { background: var(--green); color: #06210f; }\n@media (max-width: 900px) { .ok-grid { grid-template-columns: repeat(3,1fr); } }\n@media (max-width: 600px) { .ok-grid { grid-template-columns: repeat(2,1fr); gap: 12px; } .ok-card-info h3 { font-size: 13px; } .ok-provider { font-size: 10px; } }\n\n.ok-jackpot { margin-top: 40px; background: linear-gradient(90deg, var(--surface-2), var(--surface)); border: 1px solid var(--gold-dim); border-radius: 12px; padding: 22px 28px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }\n.ok-jackpot-label { font-size: 15px; font-weight: 600; color: var(--text-dim); }\n.ok-jackpot-amount { font-size: clamp(24px,4vw,34px); font-weight: 700; color: var(--gold); flex: 1; }\n.ok-jackpot-cta { background: var(--gold); color: #1a1200; font-weight: 700; font-size: 14px; padding: 12px 22px; border-radius: 8px; text-decoration: none; font-family: 'Inter', sans-serif; }\n@media (max-width: 500px) { .ok-jackpot { justify-content: center; text-align: center; padding: 20px; } .ok-jackpot-amount { flex-basis: 100%; } }\n\n\/* About *\/\n.ok-about { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: start; }\n.ok-about-text p { font-size: 14px; line-height: 1.7; color: var(--text-dim); margin: 0 0 14px; }\n.ok-about-points { list-style: none; padding: 0; margin: 18px 0 0; }\n.ok-about-points li { font-size: 13px; color: var(--text); padding: 8px 0 8px 22px; position: relative; }\n.ok-about-points li::before { content: \"\u2713\"; position: absolute; left: 0; color: var(--green); font-weight: 700; }\n.ok-about-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.ok-stat { background: var(--surface); border: 1px solid #212a41; border-radius: 10px; padding: 20px; text-align: center; }\n.ok-stat strong { display: block; font-size: 22px; color: var(--gold); }\n.ok-stat span { font-size: 12px; color: var(--text-dim); }\n@media (max-width: 800px) { .ok-about { grid-template-columns: 1fr; } }\n\n\/* FAQ *\/\n.ok-faq { max-width: 760px; }\n.ok-acc-item { border-bottom: 1px solid #212a41; }\n.ok-acc-head { width: 100%; background: none; border: none; text-align: left; padding: 18px 4px; font-size: 15px; font-weight: 600; color: #fff; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-family: 'Inter', sans-serif; }\n.ok-acc-plus { color: var(--gold); font-size: 20px; transition: transform .2s ease; }\n.ok-acc-item.is-open .ok-acc-plus { transform: rotate(45deg); }\n.ok-acc-body { max-height: 0; overflow: hidden; transition: max-height .25s ease; }\n.ok-acc-body p { margin: 0 0 18px; font-size: 14px; color: var(--text-dim); line-height: 1.6; }\n.ok-acc-item.is-open .ok-acc-body { max-height: 200px; }\n\n\/* Closing CTA *\/\n.ok-final-cta { text-align: center; background: var(--surface); border-radius: 16px; padding: 56px 20px; }\n.ok-final-cta h2 { font-size: clamp(22px,3vw,30px); color: #fff; margin: 0 0 10px; font-family: 'Rajdhani', sans-serif; }\n.ok-final-cta p { color: var(--text-dim); margin: 0 0 24px; font-size: 14px; }\n\n\/* Sticky mobile CTA bar *\/\n.ok-sticky-bar { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: var(--bg); padding: 10px 14px; gap: 10px; box-shadow: 0 -4px 16px rgba(0,0,0,0.4); border-top: 1px solid #232b42; }\n.ok-sticky-btn { flex: 1; text-align: center; padding: 12px 0; border-radius: 8px; font-weight: 700; font-size: 14px; text-decoration: none; font-family: 'Inter', sans-serif; }\n.ok-sticky-primary { background: var(--gold); color: #1a1200; }\n.ok-sticky-outline { border: 1px solid #fff; color: #fff; }\n@media (max-width: 768px) { .ok-sticky-bar { display: flex; } body { padding-bottom: 64px; } }\n\n@media (prefers-reduced-motion: reduce) {\n  .ok-tab-indicator, .ok-card-play, .ok-btn { transition: none; }\n}\n\n\/* ===== Full-width breakout: removes theme side\/top black gaps ===== *\/\n.ok-page { position: relative; left: 50%; width: 100vw; max-width: 100vw; margin: 0 0 0 -50vw; }\nhtml, body { overflow-x: clip; }\n.page-wrapper:has(.ok-page),\n#content:has(.ok-page),\n.section:has(.ok-page),\n.section-content:has(.ok-page),\n.row:has(.ok-page),\n.col:has(.ok-page),\n.col-inner:has(.ok-page),\n.ux-html:has(.ok-page) {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  max-width: none !important;\n}\n\n\/* ===== Tighter spacing on mobile ===== *\/\n@media (max-width: 700px) {\n  .ok-page section { padding: 36px 16px; }\n  .ok-page .ok-slider { padding: 0; }\n  .ok-page .ok-hero { padding: 28px 16px 32px; }\n}\n<\/style>\n\n<script>\n(function () {\n  var page = document.querySelector('.ok-page');\n  if (!page) return;\n\n  \/* Tabs + filtering *\/\n  var tabs = page.querySelectorAll('.ok-tab');\n  var cards = page.querySelectorAll('.ok-card');\n  var indicator = page.querySelector('.ok-tab-indicator');\n  function moveIndicator(tab) {\n    indicator.style.width = tab.offsetWidth + 'px';\n    indicator.style.left = tab.offsetLeft + 'px';\n  }\n  tabs.forEach(function (tab) {\n    tab.addEventListener('click', function () {\n      tabs.forEach(function (t) { t.classList.remove('is-active'); });\n      tab.classList.add('is-active');\n      moveIndicator(tab);\n      var filter = tab.getAttribute('data-filter');\n      cards.forEach(function (card) {\n        var show = filter === 'all' || card.getAttribute('data-cat') === filter;\n        card.style.display = show ? '' : 'none';\n      });\n    });\n  });\n  if (tabs.length) moveIndicator(tabs[0]);\n  window.addEventListener('resize', function () {\n    var active = page.querySelector('.ok-tab.is-active');\n    if (active) moveIndicator(active);\n  });\n\n  \/* FAQ accordion *\/\n  page.querySelectorAll('.ok-acc-item').forEach(function (item) {\n    item.querySelector('.ok-acc-head').addEventListener('click', function () {\n      var isOpen = item.classList.contains('is-open');\n      page.querySelectorAll('.ok-acc-item').forEach(function (i) { i.classList.remove('is-open'); });\n      if (!isOpen) item.classList.add('is-open');\n    });\n  });\n\n  \/* Jackpot count-up on scroll into view *\/\n  var numEl = page.querySelector('.ok-jackpot-number');\n  var target = parseInt(numEl.getAttribute('data-target'), 10);\n  var animated = false;\n  function animateCount() {\n    if (animated) return;\n    animated = true;\n    var start = Math.floor(target * 0.7);\n    var duration = 1400;\n    var startTime = null;\n    function step(ts) {\n      if (!startTime) startTime = ts;\n      var progress = Math.min((ts - startTime) \/ duration, 1);\n      numEl.textContent = Math.floor(start + (target - start) * progress).toLocaleString('vi-VN');\n      if (progress < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n  var observer = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) { if (entry.isIntersecting) animateCount(); });\n  }, { threshold: 0.4 });\n  observer.observe(page.querySelector('.ok-jackpot'));\n\n  \/* Standalone slider \u2014 auto-advance with fade *\/\n  var slides = page.querySelectorAll('.ok-slider-slide');\n  var dots = page.querySelectorAll('.ok-slider-dots span');\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if (slides.length > 1 && !reduceMotion) {\n    var current = 0;\n    setInterval(function () {\n      slides[current].classList.remove('is-active');\n      dots[current] && dots[current].classList.remove('is-active');\n      current = (current + 1) % slides.length;\n      slides[current].classList.add('is-active');\n      dots[current] && dots[current].classList.add('is-active');\n    }, 4500);\n  }\n})();\n<\/script>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2130363446 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/okvndokvnd.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/okvndokvnd.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/okvndokvnd.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/okvndokvnd.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/okvndokvnd.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":27,"href":"https:\/\/okvndokvnd.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/okvndokvnd.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/162"}],"wp:attachment":[{"href":"https:\/\/okvndokvnd.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}