<!doctype html>
<html amp lang="id">
<head>
  <meta charset="utf-8">
  <title>BROJP ─ Game slot BROJP dengan fitur hold and spin memberikan peluang kumpulkan simbol jackpot secara bertahap. Setiap respin menambah keseruan dan potensi kemenangan besar!</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Game slot BROJP dengan fitur hold and spin memberikan peluang kumpulkan simbol jackpot secara bertahap. Setiap respin menambah keseruan dan potensi kemenangan besar!">
  <meta name="robots" content="index,follow">
<link rel="icon" type="image/x-icon" href="https://atlas-team.pro/i/76e7a3a7/icon.webp">
  <link rel="canonical" href="https://emustarx.com/videos/fuel-nuevo-trailer/">

  <meta property="og:url" content="https://emustarx.com/videos/fuel-nuevo-trailer/">
  <meta property="og:title" content="BROJP ~ REVIEW Situs Resmi Bukti Terpercaya">
  <meta property="og:description" content="Game slot BROJP dengan fitur hold and spin memberikan peluang kumpulkan simbol jackpot secara bertahap. Setiap respin menambah keseruan dan potensi kemenangan besar!">
  <meta property="og:site_name" content="BROJP">
  <meta property="og:image" content="https://emustarx.com/videos/fuel-nuevo-trailer/assets/brojp-review-situs-resmi-bukti-terpercaya.webp">
  <meta property="og:image:alt" content="BROJP ~ REVIEW Situs Resmi Bukti Terpercaya.">
  <link rel="icon" type="image/png" href="https://emustarx.com/videos/fuel-nuevo-trailer/assets/brojp-review-situs-resmi-bukti-terpercaya.webp">

  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>

  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Rajdhani:wght@400;500;600;700&display=swap" rel="stylesheet">

  <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-dark:#0a0a0a;
    --bg-mid:#111111;
    --card-bg:#1a1a1a;
    --text-primary:#f0f0f0;
    --text-muted:#888888;
    --neon-green:#00bfff;
    --neon-green-dim:#0099cc;
    --accent:#00bfff;
    --accent-dim:#0099cc;
    --gold:#4da6ff;
    --gold-dark:#2980ff;
    --shadow-dark:rgba(0,0,0,0.8);
    --glow-green:rgba(0,191,255,0.6);
  }

  *{box-sizing:border-box;margin:0;padding:0}

  html,body{margin:0;padding:0}

  body{
    font-family:'Rajdhani','Orbitron',system-ui,sans-serif;
    color:var(--text-primary);
    background:
      radial-gradient(ellipse 1400px 700px at 10% 0%, rgba(255,255,255,0.03) 0%, transparent 50%),
      radial-gradient(ellipse 1000px 600px at 90% 100%, rgba(0,191,255,0.03) 0%, transparent 50%),
      radial-gradient(ellipse 800px 400px at 50% 50%, rgba(77,166,255,0.02) 0%, transparent 50%),
      linear-gradient(180deg, #000000 0%, #0a0a0a 50%, #111111 100%);
    background-attachment:fixed;
    min-height:100vh;
    position:relative;
    overflow-x:hidden;
  }

  body::before{
    content:"";
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background:
      repeating-linear-gradient(0deg, transparent 0px, rgba(255,255,255,0.02) 1px, transparent 2px, transparent 4px),
      repeating-linear-gradient(90deg, transparent 0px, rgba(255,255,255,0.02) 1px, transparent 2px, transparent 4px);
    pointer-events:none;
    z-index:1;
  }

  .floating-particles{
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    pointer-events:none;
    z-index:0;
    overflow:hidden;
  }

  .particle{
    position:absolute;
    width:4px;
    height:4px;
    background:var(--neon-green);
    border-radius:50%;
    box-shadow:0 0 10px var(--neon-green), 0 0 20px var(--neon-green);
    animation:float-up 8s linear infinite;
    opacity:0.5;
  }

  .particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:7s}
  .particle:nth-child(2){left:20%;animation-delay:1s;animation-duration:9s;background:#2980ff;box-shadow:0 0 10px #2980ff}
  .particle:nth-child(3){left:35%;animation-delay:2s;animation-duration:8s}
  .particle:nth-child(4){left:50%;animation-delay:0.5s;animation-duration:10s}
  .particle:nth-child(5){left:65%;animation-delay:3s;animation-duration:7.5s}
  .particle:nth-child(6){left:80%;animation-delay:1.5s;animation-duration:9s;background:#2980ff;box-shadow:0 0 10px #2980ff}
  .particle:nth-child(7){left:90%;animation-delay:2.5s;animation-duration:8.5s}
  .particle:nth-child(8){left:5%;animation-delay:4s;animation-duration:11s}

  .shell{
    max-width:540px;
    margin:0 auto;
    padding:28px 18px 48px;
    display:flex;
    flex-direction:column;
    gap:24px;
    position:relative;
    z-index:2;
  }

  .header{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    text-align:center;
    padding:8px;
    position:relative;
  }

  .logo{
    border-radius:12px;
    box-shadow:
      0 0 20px rgba(255,255,255,0.1),
      0 8px 24px rgba(0,0,0,0.6);
    filter:drop-shadow(0 0 8px rgba(255,255,255,0.2));
    animation:logo-pulse 3s ease-in-out infinite;
  }

  .live-badge{
    position:absolute;
    top:-5px;
    right:50px;
    background:linear-gradient(135deg, #ff0044, #ff4400);
    color:#fff;
    font-size:10px;
    font-weight:700;
    padding:4px 10px;
    border-radius:20px;
    text-transform:uppercase;
    letter-spacing:1px;
    animation:pulse-live 1.5s ease-in-out infinite;
    box-shadow:0 0 15px rgba(255,0,68,0.6);
  }

  .live-badge::before{
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    background:#fff;
    border-radius:50%;
    margin-right:5px;
    animation:blink 1s infinite;
  }

  .card{
    background:linear-gradient(145deg, rgba(30,30,30,0.9), rgba(20,20,20,0.95));
    border:1px solid rgba(255,255,255,0.1);
    border-radius:20px;
    box-shadow:
      8px 8px 24px var(--shadow-dark),
      -8px -8px 24px rgba(255,255,255,0.02),
      inset 0 1px 0 rgba(255,255,255,0.05),
      0 0 40px rgba(0,0,0,0.5);
    overflow:hidden;
    position:relative;
    backdrop-filter:blur(10px);
  }

  .card::before{
    content:"";
    position:absolute;
    top:0;left:0;right:0;
    height:2px;
    background:linear-gradient(90deg, transparent, var(--neon-green), #2980ff, var(--neon-green), transparent);
    opacity:0.8;
    animation:border-glow 3s linear infinite;
  }

  .hero{padding:16px;position:relative}

  .jackpot-ticker{
    background:linear-gradient(90deg, rgba(77,166,255,0.1), rgba(77,166,255,0.2), rgba(77,166,255,0.1));
    border:1px solid rgba(77,166,255,0.3);
    border-radius:12px;
    padding:12px 16px;
    margin-bottom:16px;
    text-align:center;
    position:relative;
    overflow:hidden;
  }

  .jackpot-ticker::before{
    content:"";
    position:absolute;
    top:0;left:-100%;
    width:100%;height:100%;
    background:linear-gradient(90deg, transparent, rgba(77,166,255,0.3), transparent);
    animation:shimmer 2s infinite;
  }

  .jackpot-label{
    font-size:11px;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:4px;
    font-weight:600;
  }

  .jackpot-amount{
    font-family:'Orbitron',sans-serif;
    font-size:28px;
    font-weight:900;
    color:var(--gold);
    text-shadow:0 0 20px rgba(77,166,255,0.8), 0 0 40px rgba(77,166,255,0.4);
    animation:jackpot-glow 2s ease-in-out infinite;
  }

  .img-wrap{
    position:relative;
    border-radius:16px;
    overflow:hidden;
    box-shadow:
      6px 6px 16px var(--shadow-dark),
      -6px -6px 16px rgba(255,255,255,0.03),
      inset 0 0 0 1px rgba(255,255,255,0.1),
      0 0 30px rgba(0,0,0,0.6);
    transition:transform .3s ease, box-shadow .3s ease;
  }

  .promo-ribbon{
    position:absolute;
    top:15px;
    left:-35px;
    background:linear-gradient(135deg, #ff0044, #ff4400);
    color:#fff;
    font-size:11px;
    font-weight:700;
    padding:6px 40px;
    transform:rotate(-45deg);
    z-index:10;
    text-transform:uppercase;
    letter-spacing:1px;
    box-shadow:0 3px 10px rgba(0,0,0,0.4);
  }

  .img-wrap::after{
    content:"";
    position:absolute;
    top:0;bottom:0;left:0;
    width:50%;
    transform:skewX(-20deg) translateX(-150%);
    background:linear-gradient(to right, transparent 0%, rgba(0,191,255,0.6) 50%, transparent 100%);
    opacity:0;
    pointer-events:none;
  }

  .img-wrap:hover{
    transform:translateY(-4px);
    box-shadow:
      8px 8px 28px rgba(0,0,0,0.8),
      -8px -8px 28px rgba(255,255,255,0.05),
      inset 0 0 0 2px rgba(0,191,255,0.4),
      0 0 40px rgba(0,191,255,0.2);
  }

  .img-wrap:hover::after{
    opacity:1;
    animation:neon-sweep 1.2s cubic-bezier(.2,.6,.2,1) forwards;
  }

  .hero-img{border-radius:14px}

  .stats-bar{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:10px;
    margin-top:16px;
  }

  .stat-item{
    background:linear-gradient(145deg, rgba(35,35,35,0.8), rgba(25,25,25,0.9));
    border:1px solid rgba(255,255,255,0.1);
    border-radius:12px;
    padding:12px 8px;
    text-align:center;
  }

  .stat-value{
    font-family:'Orbitron',sans-serif;
    font-size:18px;
    font-weight:700;
    color:var(--neon-green);
    text-shadow:0 0 10px rgba(0,191,255,0.6);
  }

  .stat-label{
    font-size:10px;
    color:var(--text-muted);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top:4px;
  }

  .cta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:16px;
  }

  .btn{
    display:inline-block;
    text-decoration:none;
    text-align:center;
    padding:16px 20px;
    border-radius:14px;
    font-weight:700;
    font-size:15px;
    letter-spacing:1.2px;
    text-transform:uppercase;
    font-family:'Orbitron',sans-serif;
    border:2px solid transparent;
    position:relative;
    overflow:hidden;
    transition:all .3s ease;
    cursor:pointer;
  }

  .btn::before{
    content:"";
    position:absolute;
    top:50%;left:50%;
    width:0;height:0;
    border-radius:50%;
    background:rgba(255,255,255,0.3);
    transform:translate(-50%,-50%);
    transition:width .6s ease, height .6s ease;
  }

  .btn:active::before{
    width:300px;
    height:300px;
  }

  .btn-primary{
    background:linear-gradient(135deg, #00bfff 0%, #0099cc 100%);
    color:#000000;
    border-color:rgba(0,191,255,0.4);
    box-shadow:
      4px 4px 12px rgba(0,0,0,0.6),
      -4px -4px 12px rgba(255,255,255,0.05),
      inset 0 1px 0 rgba(255,255,255,0.3),
      0 0 25px rgba(0,191,255,0.3);
    text-shadow:none;
    animation:btn-glow 2s ease-in-out infinite;
  }

  .btn-primary:hover{
    background:linear-gradient(135deg, #33ccff 0%, #00bfff 100%);
    transform:translateY(-3px);
    box-shadow:
      6px 6px 20px rgba(0,0,0,0.7),
      -6px -6px 20px rgba(255,255,255,0.05),
      inset 0 1px 0 rgba(255,255,255,0.4),
      0 0 40px rgba(0,191,255,0.4);
  }

  .btn-primary::after{
    content:"";
    position:absolute;
    top:-50%;bottom:-50%;
    left:-60%;
    width:50%;
    transform:skewX(-20deg);
    background:linear-gradient(to right, transparent 0%, rgba(255,255,255,0.8) 50%, transparent 100%);
    opacity:0;
  }

  .btn-primary:hover::after{
    opacity:1;
    animation:neon-sweep 1s ease forwards;
  }

  .btn-secondary{
    background:linear-gradient(135deg, rgba(77,166,255,0.15) 0%, rgba(41,128,255,0.25) 100%);
    color:var(--gold);
    border:2px solid rgba(77,166,255,0.4);
    box-shadow:
      4px 4px 12px rgba(0,0,0,0.6),
      -4px -4px 12px rgba(255,255,255,0.03),
      inset 2px 2px 8px rgba(0,0,0,0.5),
      inset -2px -2px 8px rgba(77,166,255,0.05),
      0 0 15px rgba(77,166,255,0.15);
    text-shadow:0 0 8px rgba(77,166,255,0.6);
  }

  .btn-secondary:hover{
    background:linear-gradient(135deg, rgba(77,166,255,0.3) 0%, rgba(41,128,255,0.4) 100%);
    border-color:rgba(77,166,255,0.7);
    transform:translateY(-3px);
    box-shadow:
      6px 6px 20px rgba(0,0,0,0.7),
      -6px -6px 20px rgba(255,255,255,0.03),
      inset 2px 2px 8px rgba(0,0,0,0.6),
      inset -2px -2px 8px rgba(77,166,255,0.1),
      0 0 30px rgba(77,166,255,0.3);
  }

  .badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
    justify-content:center;
  }

  .badge{
    font-size:11px;
    font-weight:700;
    color:#ffffff;
    background:linear-gradient(135deg, rgba(50,50,50,0.8), rgba(40,40,40,0.9));
    padding:8px 14px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,0.15);
    box-shadow:
      3px 3px 10px rgba(0,0,0,0.6),
      -3px -3px 10px rgba(255,255,255,0.03),
      inset 1px 1px 3px rgba(0,0,0,0.5),
      inset -1px -1px 3px rgba(255,255,255,0.05);
    text-shadow:none;
    font-family:'Rajdhani',sans-serif;
    letter-spacing:0.5px;
    transition:all .3s ease;
  }

  .badge:hover{
    transform:scale(1.05);
    border-color:rgba(0,191,255,0.4);
    box-shadow:0 0 20px rgba(0,191,255,0.2);
  }

  .badge-gold{
    background:linear-gradient(135deg, rgba(77,166,255,0.2), rgba(41,128,255,0.3));
    border-color:rgba(77,166,255,0.4);
    color:var(--gold);
    text-shadow:0 0 6px rgba(77,166,255,0.5);
    box-shadow:0 0 10px rgba(77,166,255,0.2);
  }

  .badge-hot{
    background:linear-gradient(135deg, rgba(255,0,68,0.25), rgba(255,68,0,0.3));
    border-color:rgba(255,0,68,0.4);
    color:#ff4466;
    text-shadow:0 0 6px rgba(255,0,68,0.5);
    animation:pulse-hot 1.5s ease-in-out infinite;
  }

  .winners-section{padding:20px}

  .winners-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom:16px;
    font-size:16px;
    font-weight:700;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:2px;
  }

  .winners-title::before,
  .winners-title::after{
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffd700'%3E%3Cpath d='M2.5 2A1.5 1.5 0 0 0 1 3.5v.382c0 .696.497 1.29 1.178 1.414.48.087.862.47.862.96 0 1.464.949 2.71 2.263 3.156.349.119.594.439.594.807v.439c0 .564-.397 1.05-.95 1.14L3.5 12H2.25a.75.75 0 0 0 0 1.5h11.5a.75.75 0 0 0 0-1.5H12.5l-1.447-.203c-.553-.09-.95-.575-.95-1.14v-.438c0-.369.245-.688.594-.807A3.5 3.5 0 0 0 13 6.256c0-.49.382-.873.862-.96A1.49 1.49 0 0 0 15 3.883V3.5A1.5 1.5 0 0 0 13.5 2h-11z'/%3E%3C/svg%3E");
    background-size:contain;
    background-repeat:no-repeat;
  }

  .winner-card{
    display:flex;
    align-items:center;
    gap:12px;
    background:linear-gradient(145deg, rgba(35,35,35,0.8), rgba(25,25,25,0.9));
    border:1px solid rgba(77,166,255,0.15);
    border-radius:12px;
    padding:12px;
    margin-bottom:10px;
  }

  .winner-avatar{
    width:40px;
    height:40px;
    border-radius:50%;
    background:linear-gradient(135deg, #333333, #444444);
    border:2px solid rgba(77,166,255,0.3);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:14px;
    color:var(--gold);
    box-shadow:0 0 10px rgba(77,166,255,0.2);
  }

  .winner-info{flex:1}

  .winner-name{
    font-weight:600;
    font-size:14px;
    color:var(--text-primary);
  }

  .winner-game{
    font-size:11px;
    color:var(--text-muted);
  }

  .winner-amount{
    font-family:'Orbitron',sans-serif;
    font-weight:700;
    font-size:14px;
    color:var(--gold);
    text-shadow:0 0 10px rgba(77,166,255,0.6);
  }

  .features{padding:20px}

  .features h2{
    margin:0 0 16px;
    font-size:18px;
    font-weight:900;
    font-family:'Orbitron',sans-serif;
    color:var(--neon-green);
    text-transform:uppercase;
    letter-spacing:2px;
    text-shadow:0 0 20px rgba(0,191,255,0.6);
    text-align:center;
  }

  .list{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .item{
    background:linear-gradient(145deg, rgba(35,35,35,0.8), rgba(25,25,25,0.9));
    border:1px solid rgba(255,255,255,0.1);
    border-radius:12px;
    padding:12px;
    font-size:13px;
    font-weight:600;
    color:var(--text-primary);
    box-shadow:
      4px 4px 12px rgba(0,0,0,0.6),
      -4px -4px 12px rgba(255,255,255,0.02),
      inset 2px 2px 6px rgba(0,0,0,0.5),
      inset -2px -2px 6px rgba(255,255,255,0.03);
    transition:all .3s ease;
  }

  .item:hover{
    border-color:rgba(0,191,255,0.4);
    box-shadow:
      6px 6px 16px rgba(0,0,0,0.7),
      -6px -6px 16px rgba(255,255,255,0.03),
      inset 2px 2px 6px rgba(0,0,0,0.6),
      inset -2px -2px 6px rgba(255,255,255,0.05),
      0 0 15px rgba(0,191,255,0.2);
    transform:translateY(-2px);
  }

  .item:before{
    content:"✦";
    margin-right:8px;
    color:var(--neon-green);
    font-weight:900;
    text-shadow:0 0 8px rgba(0,191,255,0.6);
  }

  .promo-banner{
    background:linear-gradient(135deg, rgba(40,40,40,0.9), rgba(30,30,30,0.95));
    border:1px solid rgba(77,166,255,0.3);
    border-radius:16px;
    padding:20px;
    text-align:center;
    position:relative;
    overflow:hidden;
  }

  .promo-banner::before{
    content:"";
    position:absolute;
    top:-50%;left:-50%;
    width:200%;height:200%;
    background:conic-gradient(from 0deg, transparent, rgba(77,166,255,0.05), transparent, rgba(0,191,255,0.03), transparent);
    animation:rotate-bg 10s linear infinite;
  }

  .promo-content{position:relative;z-index:1}

  .promo-title{
    font-family:'Orbitron',sans-serif;
    font-size:20px;
    font-weight:900;
    color:var(--gold);
    text-shadow:0 0 15px rgba(77,166,255,0.5);
    margin-bottom:8px;
  }

  .promo-subtitle{
    font-size:14px;
    color:var(--text-muted);
    margin-bottom:16px;
  }

  .promo-code{
    display:inline-block;
    background:linear-gradient(135deg, #333333, #222222);
    color:var(--gold);
    font-family:'Orbitron',sans-serif;
    font-size:16px;
    font-weight:700;
    padding:10px 24px;
    border-radius:8px;
    letter-spacing:3px;
    border:1px solid rgba(77,166,255,0.4);
    box-shadow:0 0 20px rgba(77,166,255,0.2);
  }

  .faq{padding:20px}

  .faq-title{
    text-align:center;
    font-size:18px;
    font-weight:900;
    font-family:'Orbitron',sans-serif;
    color:var(--neon-green);
    text-transform:uppercase;
    letter-spacing:2px;
    text-shadow:0 0 20px rgba(0,191,255,0.6);
    margin-bottom:16px;
  }

  amp-accordion section{
    margin-bottom:16px;
  }

  amp-accordion section:last-child{
    margin-bottom:0;
  }

  amp-accordion section > h3{
    margin:0;
    padding:16px 18px;
    font-size:14px;
    font-weight:700;
    font-family:'Rajdhani',sans-serif;
    background:linear-gradient(145deg, rgba(35,35,35,0.8), rgba(25,25,25,0.9));
    border:1px solid rgba(255,255,255,0.1);
    border-radius:12px;
    color:var(--text-primary);
    box-shadow:
      4px 4px 12px rgba(0,0,0,0.6),
      -4px -4px 12px rgba(255,255,255,0.02),
      inset 2px 2px 6px rgba(0,0,0,0.5),
      inset -2px -2px 6px rgba(255,255,255,0.03);
    transition:all .3s ease;
    cursor:pointer;
  }

  amp-accordion section[expanded] > h3{
    border-color:rgba(0,191,255,0.4);
    box-shadow:
      6px 6px 16px rgba(0,0,0,0.7),
      -6px -6px 16px rgba(255,255,255,0.03),
      inset 2px 2px 6px rgba(0,0,0,0.6),
      inset -2px -2px 6px rgba(255,255,255,0.05),
      0 0 20px rgba(0,191,255,0.15);
  }

  amp-accordion section > div{
    padding:14px 18px;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.7;
  }

  amp-accordion section > h3::after{
    content:"▾";
    float:right;
    color:var(--neon-green);
    opacity:0.8;
    transition:transform .3s ease;
    text-shadow:0 0 6px rgba(0,191,255,0.6);
  }

  amp-accordion section[expanded] > h3::after{
    transform:rotate(180deg);
  }

  .payment-section{
    padding:20px;
    text-align:center;
  }

  .payment-title{
    font-size:12px;
    color:var(--text-muted);
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:12px;
  }

  .payment-icons{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
  }

  .payment-icon{
    background:linear-gradient(145deg, rgba(35,35,35,0.8), rgba(25,25,25,0.9));
    border:1px solid rgba(255,255,255,0.1);
    border-radius:8px;
    padding:8px 16px;
    font-size:11px;
    font-weight:600;
    color:var(--text-primary);
  }

  .footer{
    text-align:center;
    color:var(--text-muted);
    font-size:12px;
    margin-top:12px;
    font-family:'Rajdhani',sans-serif;
    padding:20px;
  }

  .footer b{
    color:var(--neon-green);
    text-shadow:0 0 10px rgba(0,191,255,0.5);
    font-weight:700;
  }

  .footer-links{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-bottom:12px;
  }

  .footer-links a{
    color:var(--text-muted);
    text-decoration:none;
    font-size:11px;
    transition:color .3s;
  }

  .footer-links a:hover{
    color:var(--neon-green);
  }

  @keyframes neon-sweep{
    to{transform:skewX(-20deg) translateX(300%)}
  }

  @keyframes float-up{
    0%{transform:translateY(100vh) scale(0);opacity:0}
    10%{opacity:0.6}
    90%{opacity:0.6}
    100%{transform:translateY(-100vh) scale(1);opacity:0}
  }

  @keyframes logo-pulse{
    0%,100%{filter:drop-shadow(0 0 8px rgba(255,255,255,0.2))}
    50%{filter:drop-shadow(0 0 15px rgba(255,255,255,0.35))}
  }

  @keyframes pulse-live{
    0%,100%{box-shadow:0 0 15px rgba(255,0,68,0.6)}
    50%{box-shadow:0 0 25px rgba(255,0,68,0.9)}
  }

  @keyframes blink{
    0%,100%{opacity:1}
    50%{opacity:0.3}
  }

  @keyframes border-glow{
    0%{background-position:0% 50%}
    100%{background-position:200% 50%}
  }

  @keyframes shimmer{
    100%{left:100%}
  }

  @keyframes jackpot-glow{
    0%,100%{text-shadow:0 0 20px rgba(77,166,255,0.8), 0 0 40px rgba(77,166,255,0.4)}
    50%{text-shadow:0 0 30px rgba(77,166,255,1), 0 0 60px rgba(77,166,255,0.6), 0 0 80px rgba(77,166,255,0.3)}
  }

  @keyframes btn-glow{
    0%,100%{box-shadow:4px 4px 12px rgba(0,0,0,0.6),-4px -4px 12px rgba(255,255,255,0.05),inset 0 1px 0 rgba(255,255,255,0.3),0 0 25px rgba(0,191,255,0.3)}
    50%{box-shadow:4px 4px 12px rgba(0,0,0,0.6),-4px -4px 12px rgba(255,255,255,0.05),inset 0 1px 0 rgba(255,255,255,0.3),0 0 40px rgba(0,191,255,0.4)}
  }

  @keyframes pulse-hot{
    0%,100%{box-shadow:0 0 15px rgba(255,0,68,0.3)}
    50%{box-shadow:0 0 25px rgba(255,0,68,0.6)}
  }

  @keyframes rotate-bg{
    100%{transform:rotate(360deg)}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation:none ;transition:none }
  }
</style>

</head>
<body>
  <div class="floating-particles">
    <div class="particle"></div>
    <div class="particle"></div>
    <div class="particle"></div>
    <div class="particle"></div>
    <div class="particle"></div>
    <div class="particle"></div>
    <div class="particle"></div>
    <div class="particle"></div>
  </div>

  <div class="shell">
    <header class="header">
      <span class="live-badge">Live</span>
      <amp-img
        class="logo"
        src=" https://atlas-images.org/uploads/vsgosbn1/brojpgif.gif"
        width="130" height="37" layout="fixed"
        alt="BROJP - Logo">
      </amp-img>
    </header> 
 <section class="card hero">
      
      <div class="img-wrap">
        <span class="promo-ribbon">HOT <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M8 16c3.314 0 6-2 6-5.5 0-1.44-.667-2.607-1.5-3.7-.833-1.093-1.5-2.157-1.5-3.3 0-.199.015-.415.05-.634A4.18 4.18 0 0 0 8 5a4.18 4.18 0 0 0-3.05-1.634c.035.22.05.435.05.634 0 1.143-.667 2.207-1.5 3.3C2.667 8.393 2 9.56 2 11c0 3.5 2.686 5.5 6 5.5z"/></svg></span>
        <amp-img
          class="hero-img"
          src="https://emustarx.com/videos/fuel-nuevo-trailer/assets/brojp-review-situs-resmi-bukti-terpercaya.webp"
          width="1946" height="1946" layout="responsive"
          alt="Promo hadiah besar BROJP">
        </amp-img>
      </div>

      <div class="stats-bar">
        <div class="stat-item">
          <div class="stat-value">98.7%</div>
          <div class="stat-label">RTP Rate</div>
        </div>
        <div class="stat-item">
          <div class="stat-value">24/7</div>
          <div class="stat-label">Support</div>
        </div>
        <div class="stat-item">
          <div class="stat-value">3 Min</div>
          <div class="stat-label">Withdraw</div>
        </div>
      </div>

      <div class="cta">
        <a href="https://atlas-team.pro/s.php?c=brojp" target="_blank" rel="noreferrer noopener" class="btn btn-primary"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M11.5 6.027a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm-6.5-3h1v1h1v1h-1v1h-1v-1h-1v-1h1v-1z"/><path d="M3.051 3.26a.5.5 0 0 1 .354-.613l1.932-.518a.5.5 0 0 1 .62.39c.655-.079 1.35-.117 2.043-.117.72 0 1.443.041 2.12.126a.5.5 0 0 1 .622-.399l1.932.518a.5.5 0 0 1 .306.729C14.7 5.8 15.5 8.1 15.5 10c0 1.074-.174 1.96-.456 2.651-.28.688-.667 1.196-1.128 1.528C13.39 14.51 12.68 14.75 12 14.75c-.665 0-1.318-.257-1.882-.644-.57-.39-1.07-.907-1.456-1.397-.144-.184-.27-.356-.379-.505H7.717a9.7 9.7 0 0 1-.38.505c-.386.49-.885 1.008-1.455 1.397-.564.387-1.217.644-1.882.644-.68 0-1.39-.24-1.916-.57-.461-.332-.848-.84-1.128-1.529C.674 11.96.5 11.074.5 10c0-1.9.8-4.2 2.551-6.74z"/></svg> LOGIN</a>
        <a href="https://atlas-team.pro/s.php?c=brojp" target="_blank" rel="noreferrer noopener" class="btn btn-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/></svg> DAFTAR</a>
      </div>

      <div class="badges">
        <span class="badge badge-hot"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M8 16c3.314 0 6-2 6-5.5 0-1.44-.667-2.607-1.5-3.7-.833-1.093-1.5-2.157-1.5-3.3 0-.199.015-.415.05-.634A4.18 4.18 0 0 0 8 5a4.18 4.18 0 0 0-3.05-1.634c.035.22.05.435.05.634 0 1.143-.667 2.207-1.5 3.3C2.667 8.393 2 9.56 2 11c0 3.5 2.686 5.5 6 5.5z"/></svg> HOT</span>
        <span class="badge badge-gold"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M2 4l2.5 3L8 3l3.5 4L14 4l-1.5 8h-9L2 4z"/><path d="M3.5 13h9v1.5h-9z"/></svg> VIP</span>
        <span class="badge">Game Eksklusif Provider Top</span>
        <span class="badge">Integrasi API Terpercaya</span>
        <span class="badge">Program Loyalti Menarik</span>
        <span class="badge">Multi Akun Terverifikasi</span>
      </div>
    </section>

    <section class="card winners-section">
      <div class="winners-title">Pemenang Terbaru</div>
      <div class="winner-card">
        <div class="winner-avatar">A</div>
        <div class="winner-info">
          <div class="winner-name">And***89</div>
          <div class="winner-game">Gates of Olympus</div>
        </div>
        <div class="winner-amount">+Rp 45.2 Jt</div>
      </div>
      <div class="winner-card">
        <div class="winner-avatar">R</div>
        <div class="winner-info">
          <div class="winner-name">Riz***17</div>
          <div class="winner-game">Sweet Bonanza</div>
        </div>
        <div class="winner-amount">+Rp 28.7 Jt</div>
      </div>
      <div class="winner-card">
        <div class="winner-avatar">D</div>
        <div class="winner-info">
          <div class="winner-name">Dew***42</div>
          <div class="winner-game">Starlight Princess</div>
        </div>
        <div class="winner-amount">+Rp 67.1 Jt</div>
      </div>
    </section>

    <section class="card features">
      <h2><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.829l.645-1.936zM13.743 1.352a.225.225 0 0 1 .428 0l.402 1.203c.228.683.826 1.281 1.509 1.509l1.204.401a.225.225 0 0 1 0 .428l-1.204.402a2.27 2.27 0 0 0-1.509 1.509l-.401 1.203a.225.225 0 0 1-.428 0l-.402-1.203a2.27 2.27 0 0 0-1.508-1.509l-1.204-.402a.225.225 0 0 1 0-.428l1.204-.401a2.27 2.27 0 0 0 1.508-1.509l.402-1.203z"/></svg> Kenapa Pilih BROJP</h2>
      <ul class="list">
        <li class="item">Tampilan mobile user-friendly</li>
        <li class="item">Pola gacor update harian</li>
        <li class="item">Merchandise eksklusif member</li>
        <li class="item">Audit keamanan berkala</li>
        <li class="item">Sistem anti rungkad terjamin</li>
        <li class="item">Reward level up menarik</li>
      </ul>
    </section>



    <section class="card faq">
      <div class="faq-title"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/></svg> FAQ</div>
      <amp-accordion class="acc-clean" disable-session-states>
        <section>
          <h3>BROJP itu bisa diakses di mana?</h3>
          <div>BROJP adalah platform dengan reputasi terpercaya di kalangan pengguna online.</div>
        </section>
        <section>
          <h3>Kenapa BROJP dianggap platform togel paling terjamin?</h3>
          <div>Karena BROJP tidak membagikan data pemain ke pihak mana pun.</div>
        </section>
        <section>
          <h3>BROJP punya promo unik apa tiap minggu?</h3>
          <div>Karena sistem BROJP bisa diakses dari HP, laptop, dan tablet tanpa lag.</div>
        </section>
      </amp-accordion>
    </section>

    <section class="card payment-section">
      <div class="payment-title">Metode Pembayaran</div>
      <div class="payment-icons">
        <span class="payment-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M8 .95L1 5v1h14V5L8 .95zM2 7v5h2V7H2zm4 0v5h2V7H6zm4 0v5h2V7h-2zm4 0v5h2V7h-2zM1 13v1h14v-1H1z"/></svg> Bank Transfer</span>
        <span class="payment-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v1h14V4a1 1 0 0 0-1-1H2zm13 4H1v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7z"/><path d="M2 10a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-1z"/></svg> E-Wallet</span>
        <span class="payment-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/><path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg> QRIS</span>
        <span class="payment-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm0 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm6 3a2 2 0 1 1 2 2 2 2 0 0 1-2-2z"/></svg> Pulsa</span>
      </div>
    </section>

    <footer class="footer">
      <div class="footer-links">
        <a href="#">Syarat & Ketentuan</a>
        <a href="#">Kebijakan Privasi</a>
        <a href="#">Kontak</a>
      </div>
      © 2025 <b>BROJP</b> • All Rights Reserved.<br>
      <span style="font-size:10px;opacity:0.6">Powered by ATLAS v3.0</span>
    </footer>
  </div>
</body>
</html>
