<!--                ░▓████████████████████████▒ 
                 ░▓█████▓▒░░░░░░░░░░░░░░░▒██████▒
               ░████▒░░░░░░░░░░░░░░░░░░░░░░░░░▓███▒
              ░███░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░███░
             ▒██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒██░
            ▒██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░
           ░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░
          ░██▓░░░░░░░░83░117░97░121░109░97░107░░░░░▒░░██░
          ░██░░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░░██░
          ░██░░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░░██░
          ░██░░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░░██░
          ░██▒░██▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██▓░▒██░
           ░██░░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░░██░
           ░██▒░██░░░░░▒▒▓███▒░░░░░░░▒███▓▒▒░░░░░██░▓██░
            ░██░██░░██████████▒░░░░░▓██████████░░██▒██░
             ░████░████████████░░░░░████████████░████░
     ░▒░      ░███░▒██████████░░░░░░░██████████▒░██▒        ░▒░
   ▒████░     ░▓█▒░░█████████░░░░░░░░░█████████░░▒█▓░    ░▓████░
  ░██░▒██▒░   ░██░░░░██████▓░░░░█░█░░░░███████░░░░██░   ░███░░██░
 ░░██░░░██▓░░░░██░░░░░░▒▓▓░░░░▒██░██░░░░░▓▓▒░░░░░▒██░░░░███░░░██░░
░▓██▒░░░░████▓░░██░░░░░░░░░░░░███░███░░░░░░░░░░░░██░░█████░░░░▓██▒░
██▓░░░░░░░░▒████████▓░░░░░░░░████░███▓░░░░░░░▒▓████████░░░░░░░░░███
██▓▒▓███▓░░░░░░▓████████▓░░░░████░███▓░░░░▓████████▓░░░░░░████▓▓███
░███████████▒░░░░░░███████░░░░██░░░██░░░░██████▓░░░░░░▓███████████░
         ░▓█████░░░░██▓▓░██░░░░░░░░░░░░░██░█▒██░░░▒█████▓░
            ░▒█████▒▒█▓█░███▓▓▒▒▒▓▒▒▓▓▓███▒███░▓█████░
                ░▒████▒▓█▒▒█░█▒█░█░█▓█▒█▓░█░█████▒░
                 ░░░██░░██▓█▓█▓█▒█▒█▓█▓████░▓█▓░░░
              ░░░▓████▓░▓█▓█░█▒█░█░█▒█▒███▒░██████░░░
     ░░░░░░░░▓█████░░██░░░▒█████▓█▓█████▒░░░██░▒█████▓░░░░░░░░
   ░▒██████████▓░░░░░███░░░░░░░░░░░░░░░░░░░██▒░░░░░▓██████████▒░
   ░██░░░▓▓▓░░░░░░▒██████▓░░░░░░░░░░░░░░▓███████▒░░░░░░▓▓▒░░▒██░
   ░▓██░░░░░░░░▓████▓░░░█████▒░░░░░░▒▓█████░░░▓████▓░░░░░░░▒██▓░
    ░░███░░░░████▒░      ░▓█████████████▒░      ░▒████░░░░███░░
     ░░██░░░██▒░                                   ░▓██░░░██░░
      ░██▒▓██░                                       ▒██▒▓██░
       ░████░                                         ░████░  -->

<!doctype html>
<html amp lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <link rel="shortcut icon" href="https://oriontotogadun.com/images/favicon-oriontoto.ico" />
    <link rel="icon" type="image/x-icon" href="https://oriontotogadun.com/images/favicon-oriontoto.ico">
    <meta http-equiv="content-language" content="id">
    <link rel="canonical" href="https://oriontotogadun.com/">
    <title>ORIONTOTO: Data Keluaran Toto Macau 4D & 5D Terbaru Hari Ini</title>
    <meta name="description" content="ORIONTOTO menampilkan result dan histori Data Toto Macau 4D & 5D terbaru berdasarkan jadwal, lengkap, cepat, dan nyaman dibaca di semua perangkat.">
    <meta name="rating" content="general">
    <meta name="distribution" content="global">
    <meta name="author" content="ORIONTOTO">
    <meta name="publisher" content="ORIONTOTO">
    <meta property="og:title" content="ORIONTOTO: Data Keluaran Toto Macau 4D & 5D Terbaru Hari Ini">
    <meta property="og:description" content="ORIONTOTO menampilkan result dan histori Data Toto Macau 4D & 5D terbaru berdasarkan jadwal, lengkap, cepat, dan nyaman dibaca di semua perangkat.">
    <meta property="og:url" content="https://oriontotogadun.com/">
    <meta property="og:site_name" content="ORIONTOTO">
    <meta property="og:author" content="ORIONTOTO">
    <meta property="og:image" content="https://oriontotogadun.com/images/oriontoto-data-macau.webp">
    <meta name="og:locale" content="id_ID">
    <meta name="og:type" content="website">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <style amp-boilerplate>
        body {
            -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
            -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
            -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
            animation: -amp-start 8s steps(1, end) 0s 1 normal both
        }

        @-webkit-keyframes -amp-start {
            from { visibility: hidden }
            to { visibility: visible }
        }

        @-moz-keyframes -amp-start {
            from { visibility: hidden }
            to { visibility: visible }
        }

        @-ms-keyframes -amp-start {
            from { visibility: hidden }
            to { visibility: visible }
        }

        @-o-keyframes -amp-start {
            from { visibility: hidden }
            to { visibility: visible }
        }

        @keyframes -amp-start {
            from { visibility: hidden }
            to { visibility: visible }
        }
    </style>
    <noscript>
        <style amp-boilerplate>
            body {
                -webkit-animation: none;
                -moz-animation: none;
                -ms-animation: none;
                animation: none
            }
        </style>
    </noscript>
    <style amp-custom>
        :root {
            --bg: #040000;
            --bg2: #120000;
            --red: #ff2a2a;
            --red-deep: #780606;
            --gold: #FFD54A;
            --gold-soft: #FFE893;
            --gold-deep: #B97900;
            --text: #FFF8DA;
            --text-soft: #FFE9A6;
            --line: rgba(255, 213, 74, .24);
            --line-red: rgba(255, 55, 55, .30);
            --glow-gold: rgba(255, 204, 0, .16);
            --glow-red: rgba(255, 32, 32, .18);
        }

        * { box-sizing: border-box }

        html {
            -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
        }

        body, a, p, h1, div {
            font-synthesis: none;
        }

        html { background: #030000 }

        body {
            margin: 0;
            min-height: 100vh;
            padding: 1px 0;
            overflow-x: hidden;
            background:
                radial-gradient(circle at 50% -8%, rgba(255, 190, 0, .13) 0, rgba(255, 190, 0, 0) 31%),
                radial-gradient(circle at 15% 40%, rgba(255, 0, 0, .10) 0, rgba(255, 0, 0, 0) 28%),
                radial-gradient(circle at 88% 72%, rgba(150, 0, 0, .12) 0, rgba(150, 0, 0, 0) 30%),
                linear-gradient(180deg, #180101 0%, #080000 56%, #020000 100%);
            font-family: Arial, Helvetica, sans-serif;
            color: var(--gold);
        }

        body:before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            opacity: .28;
            background:
                repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 5px);
        }

        .arcade-frame {
            width: calc(100% - 28px);
            max-width: 460px;
            margin: 18px auto;
            position: relative;
            overflow: hidden;
            isolation: isolate;
            border: 1px solid rgba(255, 213, 74, .78);
            border-radius: 22px;
            background:
                linear-gradient(180deg, rgba(255,255,255,.025), transparent 9%),
                linear-gradient(180deg, rgba(38, 0, 0, .94), rgba(7, 0, 0, .98));
            box-shadow:
                0 0 0 1px rgba(82, 0, 0, .95),
                0 0 0 3px rgba(255, 213, 74, .06),
                inset 0 1px 0 rgba(255, 239, 176, .15),
                inset 0 -18px 35px rgba(0,0,0,.24),
                0 18px 38px rgba(0, 0, 0, .56),
                0 0 26px var(--glow-red),
                0 0 18px var(--glow-gold);
        }

        .arcade-frame:before {
            content: "";
            position: absolute;
            z-index: -1;
            inset: 6px;
            pointer-events: none;
            border: 1px solid rgba(255, 213, 74, .10);
            border-radius: 16px;
        }

        .arcade-frame:after {
            content: "";
            position: absolute;
            z-index: -1;
            left: 10%;
            right: 10%;
            top: -22px;
            height: 48px;
            pointer-events: none;
            border-radius: 50%;
            background: rgba(255, 205, 48, .12);
            box-shadow: 0 0 34px rgba(255, 205, 48, .16);
        }

        .hud {
            min-height: 58px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
            padding: 10px 14px;
            border-bottom: 1px solid rgba(255, 213, 74, .28);
            background:
                linear-gradient(180deg, rgba(255,255,255,.14), transparent 22%),
                linear-gradient(90deg, #4b2100 0%, #b36c00 24%, #e7ae20 50%, #a35f00 76%, #411b00 100%);
            box-shadow:
                inset 0 -10px 18px rgba(42, 0, 0, .26),
                0 6px 16px rgba(0,0,0,.25);
        }

        .hud p {
            margin: 0;
            min-width: 0;
            color: #fff3b3;
            font-size: 15px;
            font-weight: 900;
            line-height: 1.1;
            letter-spacing: 1.5px;
            white-space: nowrap;
            text-shadow: 0 1px 0 rgba(84, 31, 0, .85), 0 0 8px rgba(255, 226, 104, .20);
        }

        .hud p:last-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .hud a { color: #fff8cf }

        .screen {
            position: relative;
            z-index: 1;
            padding: 13px 14px 18px;
            text-align: center;
        }

        .logo-img {
            width: 88%;
            max-width: 330px;
            margin: 0 auto 4px;
        }

        .logo-wide {
            display: block;
            filter: drop-shadow(0 5px 10px rgba(0,0,0,.42)) drop-shadow(0 0 8px rgba(255, 204, 0, .10));
        }

        .system {
            position: relative;
            margin: 8px 0 12px;
            padding: 10px 9px;
            overflow: hidden;
            border: 1px solid rgba(255, 213, 74, .38);
            border-radius: 12px;
            background:
                linear-gradient(180deg, rgba(255,255,255,.035), transparent 40%),
                linear-gradient(180deg, rgba(105, 0, 0, .52), rgba(27, 0, 0, .88));
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.06),
                inset 0 -8px 15px rgba(0,0,0,.18),
                0 7px 16px rgba(0,0,0,.24),
                0 0 12px rgba(255, 43, 43, .10);
        }

        .system:before,
        .system:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 18px;
            height: 1px;
            background: rgba(255, 213, 74, .55);
        }

        .system:before { left: 8px }
        .system:after { right: 8px }

        .system a {
            display: block;
            padding: 0 22px;
            color: var(--gold-soft);
            font-size: 15px;
            font-weight: 900;
            line-height: 1.25;
            letter-spacing: 2.7px;
            text-shadow: 0 0 9px rgba(255, 198, 0, .18);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .hero {
            position: relative;
            margin: 0 auto 10px;
        }

        .hero-media {
            width: 100%;
            max-width: 348px;
            margin: 0 auto;
            padding: 5px;
            border: 1px solid rgba(255, 213, 74, .24);
            border-radius: 17px;
            background: linear-gradient(135deg, rgba(255, 213, 74, .09), rgba(112,0,0,.16) 50%, rgba(255,255,255,.02));
            box-shadow: 0 10px 22px rgba(0,0,0,.28), 0 0 18px rgba(255, 40, 40, .10);
        }

        .hero amp-img {
            margin: 0 auto;
            overflow: hidden;
            border: 1px solid rgba(255, 72, 72, .56);
            border-radius: 12px;
            background: #120000;
            box-shadow:
                0 10px 22px rgba(0, 0, 0, .48),
                0 0 16px var(--glow-gold),
                inset 0 0 0 1px rgba(255, 220, 108, .08);
        }

        .menu {
            margin: 2px 0 10px;
        }

        .menu a {
            position: relative;
            display: block;
            margin: 8px 0;
            padding: 12px 30px;
            overflow: hidden;
            border: 1px solid rgba(255, 214, 74, .62);
            border-radius: 13px;
            color: #fff0a8;
            background:
                linear-gradient(180deg, rgba(255,255,255,.075), transparent 24%),
                linear-gradient(180deg, #8e0d0d 0%, #410404 48%, #160000 100%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.10),
                inset 0 -10px 18px rgba(0,0,0,.24),
                0 8px 16px rgba(0, 0, 0, .36),
                0 0 10px rgba(255, 40, 40, .28),
                0 0 22px rgba(255, 37, 37, .20),
                0 0 34px rgba(255, 200, 45, .10);
            font-size: 16px;
            font-weight: 900;
            line-height: 1.15;
            letter-spacing: 1.8px;
            text-decoration: none;
            text-transform: uppercase;
            text-align: center;
            white-space: nowrap;
            min-height: 44px;
            text-shadow:
                0 1px 0 #5f2300,
                0 0 8px rgba(255, 222, 99, .34),
                0 0 14px rgba(255, 77, 44, .16);
            transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
            animation: ctaGlow 2.25s ease-in-out infinite;
        }

        .menu a:before,
        .menu a:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 5px;
            height: 18px;
            margin-top: -9px;
            border-radius: 5px;
            background: #ffe06a;
            box-shadow:
                0 0 7px rgba(255, 224, 106, .92),
                0 0 15px rgba(255, 96, 42, .52);
            animation: ctaEdgeGlow 2.25s ease-in-out infinite;
        }

        .menu a:before { left: 14px }
        .menu a:after { right: 14px }

        .menu a:hover {
            transform: translateY(-1px);
            border-color: rgba(255, 229, 126, .88);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.12),
                inset 0 -10px 18px rgba(0,0,0,.20),
                0 10px 20px rgba(0, 0, 0, .42),
                0 0 13px rgba(255, 73, 43, .42),
                0 0 28px rgba(255, 46, 46, .28),
                0 0 42px rgba(255, 206, 64, .15);
        }

        .menu a:active { transform: translateY(1px) scale(.995) }

        .orion-macau {
            position: relative;
            padding: 12px 12px;
            overflow: hidden;
            border: 1px solid rgba(255, 213, 74, .18);
            border-radius: 14px;
            background:
                linear-gradient(180deg, rgba(255,255,255,.024), transparent 34%),
                linear-gradient(180deg, rgba(82, 0, 0, .52), rgba(13, 0, 0, .88));
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.04),
                0 8px 18px rgba(0,0,0,.22),
                0 0 14px rgba(245, 58, 58, .07);
        }

        .orion-macau:before {
            content: "SECURITY NOTICE";
            display: inline-block;
            margin-bottom: 7px;
            padding: 3px 8px;
            border: 1px solid rgba(255, 213, 74, .24);
            border-radius: 20px;
            color: #ffd970;
            background: rgba(255, 213, 74, .045);
            font-size: 9px;
            font-weight: 900;
            letter-spacing: 2px;
        }

        .orion-macau h1 {
            margin: 0 0 6px;
            color: var(--gold);
            font-size: 14px;
            font-weight: 900;
            line-height: 1.35;
            letter-spacing: 1.6px;
            text-transform: uppercase;
            text-shadow: 0 0 10px rgba(255, 202, 44, .14);
            animation: warningPulse 1.8s infinite ease-in-out;
        }

        .orion-macau p {
            margin: 0;
            color: var(--text);
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11.5px;
            font-weight: 600;
            line-height: 1.5;
            letter-spacing: 1.25px;
        }

        .footer {
            padding: 9px 10px 10px;
            border-top: 1px solid rgba(255, 213, 74, .17);
            color: var(--text-soft);
            background:
                linear-gradient(180deg, rgba(83, 0, 0, .52), rgba(8, 0, 0, .92));
            box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
            font-size: 13px;
            font-weight: 700;
            line-height: 1.35;
            letter-spacing: 1.5px;
            text-align: center;
        }

        .footer a { color: #ffdc69 }


        @keyframes ctaGlow {
            0%, 100% {
                border-color: rgba(255, 204, 71, .48);
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.09),
                    inset 0 -10px 18px rgba(0,0,0,.24),
                    0 8px 16px rgba(0, 0, 0, .36),
                    0 0 8px rgba(255, 43, 43, .22),
                    0 0 17px rgba(255, 40, 40, .15),
                    0 0 26px rgba(255, 199, 41, .07);
            }
            50% {
                border-color: rgba(255, 226, 119, .82);
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.12),
                    inset 0 -10px 18px rgba(0,0,0,.22),
                    0 9px 18px rgba(0, 0, 0, .38),
                    0 0 13px rgba(255, 62, 41, .44),
                    0 0 27px rgba(255, 35, 35, .28),
                    0 0 40px rgba(255, 207, 58, .13);
            }
        }

        @keyframes ctaEdgeGlow {
            0%, 100% {
                opacity: .72;
                box-shadow: 0 0 6px rgba(255, 224, 106, .72), 0 0 12px rgba(255, 96, 42, .35);
            }
            50% {
                opacity: 1;
                box-shadow: 0 0 10px rgba(255, 232, 128, 1), 0 0 20px rgba(255, 71, 39, .62);
            }
        }

        @keyframes warningPulse {
            0%, 100% { opacity: 1; text-shadow: 0 0 6px rgba(255, 202, 44, .12) }
            50% { opacity: .72; text-shadow: 0 0 12px rgba(255, 49, 49, .30) }
        }

        a { color: var(--gold); text-decoration: none }

        @media (max-width: 400px) {
            .arcade-frame {
                width: calc(100% - 20px);
                margin: 10px auto;
                border-radius: 18px;
            }

            .hud {
                min-height: 52px;
                padding: 9px 11px;
            }

            .hud p {
                font-size: 13px;
                letter-spacing: 1px;
            }

            .screen { padding: 12px 12px 18px }
            .logo-img { width: 90%; margin-bottom: 4px }
            .system { margin: 8px 0 13px; padding: 10px 8px }
            .system a { font-size: 13px; letter-spacing: 2.1px }
            .hero-media { padding: 4px; border-radius: 14px }
            .hero amp-img { border-radius: 10px }
            .menu a { margin: 9px 0; padding: 13px 30px; font-size: 14.5px; letter-spacing: 1.35px }
            .menu a:before { left: 11px }
            .menu a:after { right: 11px }
            .orion-macau { padding: 13px 11px }
            .orion-macau h1 { font-size: 12.5px }
            .orion-macau p { font-size: 10.8px; letter-spacing: 1px }
            .footer { font-size: 11.5px; letter-spacing: 1.1px }
        }

        @media (max-width: 359px) {
            .arcade-frame {
                width: calc(100% - 12px);
                margin: 6px auto;
                border-radius: 15px;
            }

            .arcade-frame:before { inset: 4px; border-radius: 11px }

            .hud {
                min-height: 46px;
                gap: 5px;
                padding: 8px 9px;
            }

            .hud p { font-size: 11.5px; letter-spacing: .55px }
            .screen { padding: 9px 9px 15px }
            .logo-img { width: 88% }
            .system { margin: 7px 0 10px; padding: 9px 6px }
            .system:before, .system:after { width: 10px }
            .system:before { left: 6px }
            .system:after { right: 6px }
            .system a { padding: 0 13px; font-size: 11.5px; line-height: 1.3; letter-spacing: 1.4px }
            .hero { margin-bottom: 10px }
            .hero-media { max-width: 100% }
            .menu { margin-bottom: 11px }
            .menu a { margin: 8px 0; padding: 12px 25px; border-radius: 11px; font-size: 13px; letter-spacing: 1px }
            .menu a:before, .menu a:after { width: 4px; height: 15px; margin-top: -7px }
            .menu a:before { left: 9px }
            .menu a:after { right: 9px }
            .orion-macau { padding: 11px 9px; border-radius: 12px }
            .orion-macau:before { font-size: 8px; letter-spacing: 1.4px }
            .orion-macau h1 { font-size: 11.5px; letter-spacing: 1px }
            .orion-macau p { font-size: 10px; line-height: 1.45; letter-spacing: .7px }
            .footer { padding: 9px 8px 10px; font-size: 10.5px; letter-spacing: .75px }
        }

        @media (max-width: 319px) {
            .arcade-frame { width: calc(100% - 8px); margin: 4px auto; border-radius: 13px }
            .hud { padding: 7px 7px; min-height: 43px }
            .hud p { font-size: 10.5px; letter-spacing: .25px }
            .screen { padding: 8px 7px 12px }
            .system a { font-size: 10.5px; letter-spacing: 1px }
            .menu a { padding: 11px 21px; font-size: 11.7px; letter-spacing: .7px }
            .orion-macau h1 { font-size: 10.8px }
            .orion-macau p { font-size: 9.5px; letter-spacing: .45px }
            .footer { font-size: 9.8px; letter-spacing: .45px }
        }

        @media (max-width: 420px) and (max-height: 760px) {
            .arcade-frame {
                margin: 6px auto;
                border-radius: 18px;
            }

            .hud {
                min-height: 48px;
                padding: 8px 10px;
            }

            .hud p {
                font-size: 12px;
                letter-spacing: .8px;
            }

            .screen { padding: 9px 10px 12px }
            .logo-img { width: 80%; max-width: 280px; margin-bottom: 2px }
            .system { margin: 6px 0 8px; padding: 8px 7px }
            .system a { font-size: 12px; letter-spacing: 1.5px }
            .hero { margin-bottom: 8px }
            .hero-media { max-width: 280px; padding: 4px; border-radius: 12px }
            .hero amp-img { border-radius: 9px }
            .menu { margin-bottom: 8px }
            .menu a { margin: 6px 0; padding: 11px 24px; font-size: 13px; letter-spacing: .9px }
            .menu a:before, .menu a:after { height: 14px; margin-top: -7px }
            .menu a:before { left: 10px }
            .menu a:after { right: 10px }
            .orion-macau { padding: 10px 9px }
            .orion-macau:before { margin-bottom: 5px; font-size: 8px; letter-spacing: 1.2px }
            .orion-macau h1 { font-size: 11.5px; letter-spacing: .9px; margin-bottom: 5px }
            .orion-macau p { font-size: 10px; line-height: 1.35; letter-spacing: .55px }
            .footer { padding: 8px 8px 9px; font-size: 10px; letter-spacing: .6px }
        }

        @media (max-width: 360px) and (max-height: 680px) {
            .arcade-frame { width: calc(100% - 8px); margin: 4px auto; border-radius: 14px }
            .arcade-frame:before { inset: 4px; border-radius: 10px }
            .hud { min-height: 43px; padding: 7px 8px }
            .hud p { font-size: 10.8px; letter-spacing: .35px }
            .screen { padding: 7px 7px 10px }
            .logo-img { width: 76%; max-width: 248px }
            .system { margin: 5px 0 7px; padding: 7px 6px }
            .system:before, .system:after { width: 8px }
            .system a { padding: 0 10px; font-size: 10.8px; letter-spacing: 1px }
            .hero { margin-bottom: 7px }
            .hero-media { max-width: 250px; padding: 3px; border-radius: 10px }
            .menu { margin-bottom: 7px }
            .menu a { margin: 5px 0; padding: 10px 20px; font-size: 11.6px; letter-spacing: .7px; border-radius: 10px }
            .menu a:before, .menu a:after { width: 3px; height: 12px; margin-top: -6px }
            .menu a:before { left: 8px }
            .menu a:after { right: 8px }
            .orion-macau { padding: 9px 8px; border-radius: 11px }
            .orion-macau:before { font-size: 7px; letter-spacing: 1px }
            .orion-macau h1 { font-size: 10.5px; margin-bottom: 4px }
            .orion-macau p { font-size: 9.4px; line-height: 1.28; letter-spacing: .4px }
            .footer { padding: 7px 7px 8px; font-size: 9.5px; letter-spacing: .4px }
        }

        .hud p {
            font-size: 13px;
            line-height: 1.1;
            letter-spacing: .8px;
        }

        .system a {
            font-size: 13px;
            line-height: 1.2;
            letter-spacing: 1.35px;
        }

        .menu a {
            font-size: 13px;
            line-height: 1.15;
            letter-spacing: .85px;
        }

        .orion-macau:before {
            font-size: 8px;
            line-height: 1.2;
            letter-spacing: 1.1px;
        }

        .orion-macau h1 {
            font-size: 12px;
            line-height: 1.3;
            letter-spacing: .85px;
        }

        .orion-macau p {
            font-size: 10px;
            line-height: 1.38;
            letter-spacing: .45px;
        }

        .footer {
            font-size: 10.5px;
            line-height: 1.25;
            letter-spacing: .45px;
        }

        @media (max-width: 319px) {
            .menu a { font-size: 11.5px; letter-spacing: .45px; }
        }

        @media (prefers-reduced-motion: reduce) {
            .orion-macau h1 { animation: none }
            .menu a,
            .menu a:before,
            .menu a:after { animation: none; transition: none }
        }
    </style>

</head>
<body>
    <section class="arcade-frame">
        <div class="hud">
            <p>HP ❤️❤️❤️❤️❤️</p>
            <p><a href="https://oriontotogadun.com/" target="_blank">ORIONTOTO</a></p>
        </div>
        <div class="screen">
            <div class="logo-img">
                <amp-img class="logo-wide" src="https://oriontotogadun.com/images/logo-oriontoto.webp" width="700" height="200" layout="responsive" alt="logo orion"></amp-img>
            </div>
            <div class="system"><a href="https://oriontotogadun.com/" target="_blank">LINK ALTERNATIF AGENSI RESMI</a></div>
            <div class="hero">
                <div class="hero-media">
                    <amp-img data-hero src="https://oriontotogadun.com/images/oriontoto-data-macau-768.webp" width="500" height="500" layout="responsive" alt="oriontoto macau"></amp-img>
                </div>
            </div>
            <nav class="menu">
                <a href="https://access-center.pages.dev/oriontoto" target="_blank" rel="noopener noreferrer nofollow">LOGIN ORIONTOTO</a>
                <a href="https://access-center.pages.dev/oriontoto" target="_blank" rel="noopener noreferrer nofollow">DAFTAR ORIONTOTO</a>
                <a href="https://access-center.pages.dev/oriontoto" target="_blank" rel="noopener noreferrer nofollow">LINK ALTERNATIF ORIONTOTO</a>
            </nav>
            <div class="panel orion-macau"> 
                <h1>⚠️WASPADA LINK PHISING⚠️</h1> 
                <p>
                ORIONTOTO menampilkan result dan histori Data Toto Macau 4D & 5D terbaru berdasarkan jadwal, lengkap, cepat, dan nyaman dibaca di semua perangkat.
                </p> 
            </div>
        </div>
        <div class="footer">
            <div>SITUS <a href="https://oriontotogadun.com/" target="_blank">COPYRIGHT ORIONTOTO</a> @2026 | SuayMak</div>
        </div>
    </section>
</body>
</html>