ONLY BNKR \u2014 PR\u00d3XIMAMENTE<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Black+Han+Sans&family=Share+Tech+Mono&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --yellow: #FFE000;\n --yellow-dim: #C8AD00;\n --black: #0a0a0a;\n --dark: #111111;\n --gray: #1a1a1a;\n --metal: #2a2a2a;\n --text-muted: #555;\n --danger: #FF3300;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html, body {\n height: 100%;\n background: var(--black);\n color: var(--yellow);\n font-family: 'Share Tech Mono', monospace;\n overflow-x: hidden;\n cursor: crosshair;\n }\n\n \/* Noise overlay *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: 0.15;\n pointer-events: none;\n z-index: 9999;\n mix-blend-mode: overlay;\n }\n\n \/* Scanlines *\/\n body::after {\n content: '';\n position: fixed;\n inset: 0;\n background: repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 2px,\n rgba(0,0,0,0.3) 2px,\n rgba(0,0,0,0.3) 4px\n );\n pointer-events: none;\n z-index: 9998;\n }\n\n \/* WARNING STRIPE TOP *\/\n .warning-stripe {\n width: 100%;\n height: 18px;\n background: repeating-linear-gradient(\n 45deg,\n var(--yellow),\n var(--yellow) 10px,\n var(--black) 10px,\n var(--black) 20px\n );\n position: fixed;\n top: 0;\n z-index: 100;\n }\n\n .warning-stripe-bottom {\n width: 100%;\n height: 18px;\n background: repeating-linear-gradient(\n 45deg,\n var(--yellow),\n var(--yellow) 10px,\n var(--black) 10px,\n var(--black) 20px\n );\n position: fixed;\n bottom: 0;\n z-index: 100;\n }\n\n \/* TICKER *\/\n .ticker-wrap {\n position: fixed;\n top: 18px;\n width: 100%;\n background: var(--yellow);\n color: var(--black);\n font-family: 'Bebas Neue', sans-serif;\n font-size: 13px;\n letter-spacing: 3px;\n overflow: hidden;\n z-index: 99;\n border-bottom: 2px solid var(--black);\n }\n .ticker {\n display: flex;\n white-space: nowrap;\n animation: ticker 20s linear infinite;\n padding: 4px 0;\n }\n .ticker span { padding: 0 40px; }\n @keyframes ticker {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n \/* MAIN *\/\n .container {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 80px 20px 60px;\n position: relative;\n }\n\n \/* GRID BACKGROUND *\/\n .grid-bg {\n position: fixed;\n inset: 0;\n background-image:\n linear-gradient(rgba(255,224,0,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,224,0,0.04) 1px, transparent 1px);\n background-size: 60px 60px;\n pointer-events: none;\n }\n\n \/* CORNER MARKS *\/\n .corner { position: fixed; width: 40px; height: 40px; z-index: 50; }\n .corner--tl { top: 30px; left: 10px; border-top: 2px solid var(--yellow); border-left: 2px solid var(--yellow); }\n .corner--tr { top: 30px; right: 10px; border-top: 2px solid var(--yellow); border-right: 2px solid var(--yellow); }\n .corner--bl { bottom: 30px; left: 10px; border-bottom: 2px solid var(--yellow); border-left: 2px solid var(--yellow); }\n .corner--br { bottom: 30px; right: 10px; border-bottom: 2px solid var(--yellow); border-right: 2px solid var(--yellow); }\n\n \/* LOGO BADGE *\/\n .logo-badge {\n position: relative;\n margin-bottom: 40px;\n animation: float 4s ease-in-out infinite;\n }\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-8px); }\n }\n\n .badge-ring {\n width: 160px;\n height: 160px;\n border: 4px solid var(--yellow);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n box-shadow:\n 0 0 30px rgba(255,224,0,0.3),\n 0 0 60px rgba(255,224,0,0.1),\n inset 0 0 30px rgba(255,224,0,0.05);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n @keyframes pulse-ring {\n 0%, 100% { box-shadow: 0 0 30px rgba(255,224,0,0.3), 0 0 60px rgba(255,224,0,0.1), inset 0 0 30px rgba(255,224,0,0.05); }\n 50% { box-shadow: 0 0 50px rgba(255,224,0,0.5), 0 0 100px rgba(255,224,0,0.2), inset 0 0 40px rgba(255,224,0,0.1); }\n }\n\n \/* Bio hazard SVG *\/\n .biohazard-icon {\n width: 90px;\n height: 90px;\n fill: var(--yellow);\n filter: drop-shadow(0 0 10px rgba(255,224,0,0.6));\n }\n\n \/* ROTATING TEXT around badge *\/\n .rotating-text {\n position: absolute;\n width: 200px;\n height: 200px;\n top: -20px;\n left: -20px;\n animation: rotate 15s linear infinite;\n }\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* HEADLINE *\/\n .headline {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(60px, 12vw, 130px);\n letter-spacing: 0.15em;\n line-height: 0.9;\n text-align: center;\n color: var(--yellow);\n text-shadow:\n 0 0 20px rgba(255,224,0,0.4),\n 4px 4px 0px rgba(0,0,0,0.8);\n animation: flicker 8s infinite;\n position: relative;\n }\n @keyframes flicker {\n 0%, 95%, 100% { opacity: 1; }\n 96% { opacity: 0.8; }\n 97% { opacity: 1; }\n 98% { opacity: 0.6; }\n 99% { opacity: 1; }\n }\n\n .headline .only {\n display: block;\n font-size: clamp(30px, 5vw, 55px);\n letter-spacing: 0.6em;\n color: var(--black);\n -webkit-text-stroke: 2px var(--yellow);\n text-shadow: none;\n }\n\n \/* SEPARATOR *\/\n .sep {\n width: 100%;\n max-width: 600px;\n display: flex;\n align-items: center;\n gap: 15px;\n margin: 30px 0;\n }\n .sep-line { flex: 1; height: 1px; background: var(--yellow); opacity: 0.4; }\n .sep-diamond { width: 8px; height: 8px; background: var(--yellow); transform: rotate(45deg); }\n\n \/* PROX TEXT *\/\n .prox-block {\n text-align: center;\n margin-bottom: 35px;\n }\n .prox-label {\n font-family: 'Share Tech Mono', monospace;\n font-size: 11px;\n letter-spacing: 6px;\n color: var(--text-muted);\n margin-bottom: 8px;\n text-transform: uppercase;\n }\n .prox-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(40px, 8vw, 80px);\n letter-spacing: 0.3em;\n color: var(--yellow);\n text-shadow: 0 0 30px rgba(255,224,0,0.5);\n animation: flicker 12s infinite 2s;\n }\n\n \/* STATUS BAR *\/\n .status-bar {\n border: 1px solid rgba(255,224,0,0.3);\n padding: 15px 30px;\n margin-bottom: 35px;\n max-width: 500px;\n width: 100%;\n position: relative;\n background: rgba(255,224,0,0.03);\n }\n .status-bar::before {\n content: '\/\/ ESTADO DEL SISTEMA';\n position: absolute;\n top: -9px;\n left: 20px;\n background: var(--black);\n padding: 0 10px;\n font-size: 10px;\n letter-spacing: 3px;\n color: var(--yellow);\n font-family: 'Share Tech Mono', monospace;\n }\n\n .status-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 0;\n border-bottom: 1px solid rgba(255,224,0,0.1);\n font-size: 12px;\n letter-spacing: 2px;\n }\n .status-item:last-child { border-bottom: none; }\n\n .status-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--danger);\n animation: blink 1s step-end infinite;\n margin-left: 10px;\n }\n .status-dot.active { background: #00FF41; animation: blink 2s step-end infinite; }\n @keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n }\n\n .status-val { display: flex; align-items: center; color: var(--yellow-dim); }\n\n \/* PROGRESS BAR *\/\n .progress-section {\n width: 100%;\n max-width: 500px;\n margin-bottom: 35px;\n }\n .progress-label {\n display: flex;\n justify-content: space-between;\n font-size: 10px;\n letter-spacing: 3px;\n margin-bottom: 8px;\n color: var(--text-muted);\n }\n .progress-bar {\n width: 100%;\n height: 6px;\n background: var(--metal);\n position: relative;\n overflow: hidden;\n }\n .progress-fill {\n height: 100%;\n background: var(--yellow);\n width: 0%;\n animation: fill-bar 3s ease-out 1s forwards;\n box-shadow: 0 0 10px rgba(255,224,0,0.6);\n }\n @keyframes fill-bar {\n to { width: 73%; }\n }\n .progress-bar::after {\n content: '';\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n 90deg,\n transparent,\n transparent 8px,\n rgba(0,0,0,0.4) 8px,\n rgba(0,0,0,0.4) 9px\n );\n }\n\n \/* EMAIL FORM *\/\n .notify-section {\n width: 100%;\n max-width: 500px;\n margin-bottom: 35px;\n }\n .notify-label {\n font-size: 10px;\n letter-spacing: 4px;\n color: var(--text-muted);\n margin-bottom: 12px;\n display: block;\n }\n .notify-form {\n display: flex;\n gap: 0;\n border: 1px solid rgba(255,224,0,0.4);\n overflow: hidden;\n transition: box-shadow 0.3s;\n }\n .notify-form:focus-within {\n box-shadow: 0 0 20px rgba(255,224,0,0.3);\n }\n .notify-input {\n flex: 1;\n background: rgba(255,224,0,0.04);\n border: none;\n padding: 14px 20px;\n color: var(--yellow);\n font-family: 'Share Tech Mono', monospace;\n font-size: 13px;\n letter-spacing: 2px;\n outline: none;\n }\n .notify-input::placeholder { color: var(--text-muted); }\n .notify-btn {\n background: var(--yellow);\n color: var(--black);\n border: none;\n padding: 14px 25px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 16px;\n letter-spacing: 3px;\n cursor: crosshair;\n transition: background 0.2s;\n white-space: nowrap;\n }\n .notify-btn:hover { background: #fff; }\n\n \/* SOCIAL *\/\n .social-row {\n display: flex;\n gap: 20px;\n align-items: center;\n margin-bottom: 30px;\n }\n .social-link {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 10px;\n letter-spacing: 3px;\n transition: color 0.2s;\n border-bottom: 1px solid transparent;\n padding-bottom: 2px;\n }\n .social-link:hover {\n color: var(--yellow);\n border-color: var(--yellow);\n }\n\n \/* BOTTOM CODE *\/\n .sys-code {\n font-size: 10px;\n letter-spacing: 2px;\n color: var(--text-muted);\n text-align: center;\n line-height: 1.8;\n }\n .sys-code span { color: rgba(255,224,0,0.3); }\n\n \/* SIDE LABELS *\/\n .side-label {\n position: fixed;\n font-size: 9px;\n letter-spacing: 5px;\n color: rgba(255,224,0,0.2);\n font-family: 'Share Tech Mono', monospace;\n writing-mode: vertical-rl;\n z-index: 50;\n }\n .side-label--left { left: 15px; top: 50%; transform: translateY(-50%) rotate(180deg); }\n .side-label--right { right: 15px; top: 50%; transform: translateY(-50%); }\n\n \/* GLITCH *\/\n .glitch {\n position: relative;\n display: inline-block;\n }\n .glitch::before,\n .glitch::after {\n content: attr(data-text);\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n }\n .glitch::before {\n color: #ff0040;\n clip-path: polygon(0 30%, 100% 30%, 100% 50%, 0 50%);\n animation: glitch1 4s infinite;\n transform: translateX(-2px);\n }\n .glitch::after {\n color: #00f0ff;\n clip-path: polygon(0 60%, 100% 60%, 100% 75%, 0 75%);\n animation: glitch2 4s infinite;\n transform: translateX(2px);\n }\n @keyframes glitch1 {\n 0%, 90%, 100% { transform: translateX(0); opacity: 0; }\n 92% { transform: translateX(-4px); opacity: 1; }\n 94% { transform: translateX(4px); opacity: 1; }\n 96% { transform: translateX(0); opacity: 0; }\n }\n @keyframes glitch2 {\n 0%, 90%, 100% { transform: translateX(0); opacity: 0; }\n 91% { transform: translateX(4px); opacity: 1; }\n 93% { transform: translateX(-4px); opacity: 1; }\n 95% { transform: translateX(0); opacity: 0; }\n }\n\n \/* RADIOACTIVE corners deco *\/\n .rad-corner {\n position: fixed;\n opacity: 0.07;\n z-index: 10;\n }\n .rad-corner--br { bottom: 30px; right: 30px; }\n .rad-corner--tl { top: 40px; left: 30px; }\n\n @media (max-width: 480px) {\n .side-label { display: none; }\n .rad-corner { display: none; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"warning-stripe\"><\/div>\n<div class=\"warning-stripe-bottom\"><\/div>\n\n\n<div class=\"ticker-wrap\">\n <div class=\"ticker\">\n <span>\u2b25 ONLY BNKR<\/span>\n <span>\u2b25 ACCESO RESTRINGIDO<\/span>\n <span>\u2b25 SESIONES CLASIFICADAS<\/span>\n <span>\u2b25 DJS \u00b7 TECHNO \u00b7 INDUSTRIAL \u00b7 ACID<\/span>\n <span>\u2b25 ZONA DE CUARENTENA<\/span>\n <span>\u2b25 PR\u00d3XIMAMENTE EN ACTIVO<\/span>\n <span>\u2b25 ONLY BNKR<\/span>\n <span>\u2b25 ACCESO RESTRINGIDO<\/span>\n <span>\u2b25 SESIONES CLASIFICADAS<\/span>\n <span>\u2b25 DJS \u00b7 TECHNO \u00b7 INDUSTRIAL \u00b7 ACID<\/span>\n <span>\u2b25 ZONA DE CUARENTENA<\/span>\n <span>\u2b25 PR\u00d3XIMAMENTE EN ACTIVO<\/span>\n <\/div>\n<\/div>\n\n\n<div class=\"corner corner--tl\"><\/div>\n<div class=\"corner corner--tr\"><\/div>\n<div class=\"corner corner--bl\"><\/div>\n<div class=\"corner corner--br\"><\/div>\n\n\n<div class=\"grid-bg\"><\/div>\n\n\n<div class=\"side-label side-label--left\">BNKR \/\/ CLASSIFIED \/\/ SEC-LVL-5<\/div>\n<div class=\"side-label side-label--right\">AUDIO \u00b7 TECHNO \u00b7 UNDERGROUND \u00b7 ONLY<\/div>\n\n\n<svg class=\"rad-corner rad-corner--br\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\">\n <circle cx=\"60\" cy=\"60\" r=\"55\" fill=\"none\" stroke=\"#FFE000\" stroke-width=\"2\"\/>\n <circle cx=\"60\" cy=\"60\" r=\"15\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 L60 5 A55 55 0 0 1 107.6 82.5 Z\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 A15 15 0 0 0 47 52.5 L12.4 82.5 A55 55 0 0 1 60 5 Z\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 A15 15 0 0 0 73 52.5 L107.6 82.5 A55 55 0 0 1 12.4 82.5 L47 52.5 A15 15 0 0 0 60 45 Z\" fill=\"#FFE000\"\/>\n<\/svg>\n\n<svg class=\"rad-corner rad-corner--tl\" width=\"80\" height=\"80\" viewBox=\"0 0 120 120\">\n <circle cx=\"60\" cy=\"60\" r=\"55\" fill=\"none\" stroke=\"#FFE000\" stroke-width=\"2\"\/>\n <circle cx=\"60\" cy=\"60\" r=\"15\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 L60 5 A55 55 0 0 1 107.6 82.5 Z\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 A15 15 0 0 0 47 52.5 L12.4 82.5 A55 55 0 0 1 60 5 Z\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 A15 15 0 0 0 73 52.5 L107.6 82.5 A55 55 0 0 1 12.4 82.5 L47 52.5 A15 15 0 0 0 60 45 Z\" fill=\"#FFE000\"\/>\n<\/svg>\n\n\n<div class=\"container\">\n\n \n <div class=\"logo-badge\">\n <svg class=\"rotating-text\" viewBox=\"0 0 200 200\">\n <defs>\n <path id=\"circle\" d=\"M100,100 m-75,0 a75,75 0 1,1 150,0 a75,75 0 1,1 -150,0\"\/>\n <\/defs>\n <text fill=\"#FFE000\" font-size=\"13\" font-family=\"Bebas Neue, sans-serif\" letter-spacing=\"8\">\n <textPath href=\"#circle\">\u2b25 ONLY BNKR \u2b25 ONLY BNKR \u2b25 ONLY BNKR \u2b25<\/textPath>\n <\/text>\n <\/svg>\n <div class=\"badge-ring\">\n \n <svg class=\"biohazard-icon\" viewBox=\"0 0 100 100\">\n <g fill=\"#FFE000\">\n \n <circle cx=\"50\" cy=\"50\" r=\"10\"\/>\n \n <path d=\"M50 40 A20 20 0 0 1 70 55 L60 58 A10 10 0 0 0 50 50 Z\"\/>\n <path d=\"M50 40 A20 20 0 0 0 30 55 L40 58 A10 10 0 0 1 50 50 Z\"\/>\n \n <path d=\"M40 62 A20 20 0 0 1 25 42 L35 48 A10 10 0 0 0 43 55 Z\"\/>\n \n <path d=\"M60 62 A20 20 0 0 0 75 42 L65 48 A10 10 0 0 1 57 55 Z\"\/>\n \n <circle cx=\"50\" cy=\"50\" r=\"35\" fill=\"none\" stroke=\"#FFE000\" stroke-width=\"3\"\/>\n <circle cx=\"50\" cy=\"50\" r=\"28\" fill=\"none\" stroke=\"#FFE000\" stroke-width=\"1.5\"\/>\n \n <path d=\"M50 20 a30 30 0 0 1 25.98 15 L67 39 a20 20 0 0 0-17-10 z\" opacity=\"0.9\"\/>\n <path d=\"M50 20 a30 30 0 0 0-25.98 15 L33 39 a20 20 0 0 1 17-10 z\" opacity=\"0.9\"\/>\n <path d=\"M24.02 65 a30 30 0 0 1 0-30 L33 39 a20 20 0 0 0 0 20 z\" opacity=\"0.9\"\/>\n <path d=\"M75.98 65 a30 30 0 0 0 0-30 L67 39 a20 20 0 0 1 0 20 z\" opacity=\"0.9\"\/>\n <path d=\"M24.02 65 a30 30 0 0 0 25.98 15 L50 70 a20 20 0 0 1-17-10 z\" opacity=\"0.9\"\/>\n <path d=\"M75.98 65 a30 30 0 0 1-25.98 15 L50 70 a20 20 0 0 0 17-10 z\" opacity=\"0.9\"\/>\n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"headline\">\n <span class=\"only\">ONLY<\/span>\n <span class=\"glitch\" data-text=\"BNKR\">BNKR<\/span>\n <\/div>\n\n \n <div class=\"sep\">\n <div class=\"sep-line\"><\/div>\n <div class=\"sep-diamond\"><\/div>\n <div class=\"sep-diamond\"><\/div>\n <div class=\"sep-diamond\"><\/div>\n <div class=\"sep-line\"><\/div>\n <\/div>\n\n \n <div class=\"prox-block\">\n <div class=\"prox-label\">\/\/ transmisi\u00f3n entrante \/\/<\/div>\n <div class=\"prox-title\">PR\u00d3XIMAMENTE<\/div>\n <\/div>\n\n \n <div class=\"status-bar\">\n <div class=\"status-item\">\n <span>SERVIDOR PRINCIPAL<\/span>\n <span class=\"status-val\">OFFLINE <div class=\"status-dot\"><\/div><\/span>\n <\/div>\n <div class=\"status-item\">\n <span>SESIONES DJ<\/span>\n <span class=\"status-val\">EN PREPARACI\u00d3N <div class=\"status-dot\"><\/div><\/span>\n <\/div>\n <div class=\"status-item\">\n <span>TRANSMISI\u00d3N SUBTERR\u00c1NEA<\/span>\n <span class=\"status-val\">PRONTO <div class=\"status-dot active\"><\/div><\/span>\n <\/div>\n <div class=\"status-item\">\n <span>ACCESO AL BUNKER<\/span>\n <span class=\"status-val\">RESTRINGIDO <div class=\"status-dot\"><\/div><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"progress-section\">\n <div class=\"progress-label\">\n <span>\/\/ CONSTRUCCI\u00d3N DEL BUNKER<\/span>\n <span id=\"pct\">0%<\/span>\n <\/div>\n <div class=\"progress-bar\">\n <div class=\"progress-fill\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"notify-section\">\n <span class=\"notify-label\">\/\/ ACCESO ANTICIPADO \u2014 DEJA TU SE\u00d1AL<\/span>\n <div class=\"notify-form\">\n <input class=\"notify-input\" type=\"email\" placeholder=\"TU@EMAIL.COM\" \/>\n <button class=\"notify-btn\" onclick=\"handleSubmit()\">INFILTRAR<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"social-row\">\n <a href=\"#\" class=\"social-link\">INSTAGRAM<\/a>\n <div class=\"sep-diamond\" style=\"width:5px;height:5px;\"><\/div>\n <a href=\"#\" class=\"social-link\">SOUNDCLOUD<\/a>\n <div class=\"sep-diamond\" style=\"width:5px;height:5px;\"><\/div>\n <a href=\"#\" class=\"social-link\">MIXCLOUD<\/a>\n <div class=\"sep-diamond\" style=\"width:5px;height:5px;\"><\/div>\n <a href=\"#\" class=\"social-link\">YOUTUBE<\/a>\n <\/div>\n\n \n <div class=\"sys-code\">\n <span>SYS_ID: BNK-0001<\/span> | \n <span>PROTOCOL: UNDERGROUND<\/span> | \n <span>SEC: LEVEL-5<\/span><br>\n <span style=\"color:rgba(255,224,0,0.15); font-size:9px; letter-spacing:1px;\">\u26a0 ZONA DE CUARENTENA MUSICAL \u2014 ACCESO NO AUTORIZADO PROHIBIDO \u26a0<\/span>\n <\/div>\n\n<\/div>\n\n<script>\n \/\/ Animate counter\n const pct = document.getElementById('pct');\n let count = 0;\n const target = 73;\n const delay = setTimeout(() => {\n const interval = setInterval(() => {\n count++;\n pct.textContent = count + '%';\n if(count >= target) clearInterval(interval);\n }, 35);\n }, 1000);\n\n \/\/ Submit handler\n function handleSubmit() {\n const input = document.querySelector('.notify-input');\n const btn = document.querySelector('.notify-btn');\n if(input.value) {\n btn.textContent = '\u2713 REGISTRADO';\n btn.style.background = '#00FF41';\n input.value = '';\n setTimeout(() => {\n btn.textContent = 'INFILTRAR';\n btn.style.background = '';\n }, 3000);\n }\n }\n\n \/\/ Random glitch on interval\n document.addEventListener('click', (e) => {\n const el = document.createElement('div');\n el.style.cssText = `\n position: fixed;\n left: ${e.clientX - 5}px;\n top: ${e.clientY - 5}px;\n width: 10px; height: 10px;\n background: #FFE000;\n border-radius: 50%;\n pointer-events: none;\n z-index: 9999;\n opacity: 0.8;\n animation: none;\n transition: all 0.5s ease;\n `;\n document.body.appendChild(el);\n setTimeout(() => {\n el.style.transform = 'scale(4)';\n el.style.opacity = '0';\n }, 10);\n setTimeout(() => el.remove(), 600);\n });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ONLY BNKR \u2014 PR\u00d3XIMAMENTE \u2b25 ONLY BNKR \u2b25 ACCESO RESTRINGIDO \u2b25 SESIONES CLASIFICADAS \u2b25 DJS \u00b7 TECHNO \u00b7 INDUSTRIAL \u00b7 ACID \u2b25 ZONA DE CUARENTENA \u2b25 PR\u00d3XIMAMENTE EN ACTIVO \u2b25 ONLY BNKR \u2b25 ACCESO RESTRINGIDO \u2b25 SESIONES CLASIFICADAS \u2b25 DJS \u00b7 TECHNO \u00b7 INDUSTRIAL \u00b7 ACID \u2b25 ZONA DE CUARENTENA \u2b25 PR\u00d3XIMAMENTE EN ACTIVO BNKR […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"clean","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onlybnkr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/onlybnkr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2026-02-25T10:53:33","date_gmt":"2026-02-25T10:53:33","guid":{"rendered":"http:\/\/onlybnkr.com\/?page_id=2"},"modified":"2026-02-26T13:14:50","modified_gmt":"2026-02-26T11:14:50","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/onlybnkr.com\/","title":{"rendered":"Main"},"content":{"rendered":"\n\n\n\n\n\nONLY BNKR \u2014 PR\u00d3XIMAMENTE<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Black+Han+Sans&family=Share+Tech+Mono&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --yellow: #FFE000;\n --yellow-dim: #C8AD00;\n --black: #0a0a0a;\n --dark: #111111;\n --gray: #1a1a1a;\n --metal: #2a2a2a;\n --text-muted: #555;\n --danger: #FF3300;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html, body {\n height: 100%;\n background: var(--black);\n color: var(--yellow);\n font-family: 'Share Tech Mono', monospace;\n overflow-x: hidden;\n cursor: crosshair;\n }\n\n \/* Noise overlay *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: 0.15;\n pointer-events: none;\n z-index: 9999;\n mix-blend-mode: overlay;\n }\n\n \/* Scanlines *\/\n body::after {\n content: '';\n position: fixed;\n inset: 0;\n background: repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 2px,\n rgba(0,0,0,0.3) 2px,\n rgba(0,0,0,0.3) 4px\n );\n pointer-events: none;\n z-index: 9998;\n }\n\n \/* WARNING STRIPE TOP *\/\n .warning-stripe {\n width: 100%;\n height: 18px;\n background: repeating-linear-gradient(\n 45deg,\n var(--yellow),\n var(--yellow) 10px,\n var(--black) 10px,\n var(--black) 20px\n );\n position: fixed;\n top: 0;\n z-index: 100;\n }\n\n .warning-stripe-bottom {\n width: 100%;\n height: 18px;\n background: repeating-linear-gradient(\n 45deg,\n var(--yellow),\n var(--yellow) 10px,\n var(--black) 10px,\n var(--black) 20px\n );\n position: fixed;\n bottom: 0;\n z-index: 100;\n }\n\n \/* TICKER *\/\n .ticker-wrap {\n position: fixed;\n top: 18px;\n width: 100%;\n background: var(--yellow);\n color: var(--black);\n font-family: 'Bebas Neue', sans-serif;\n font-size: 13px;\n letter-spacing: 3px;\n overflow: hidden;\n z-index: 99;\n border-bottom: 2px solid var(--black);\n }\n .ticker {\n display: flex;\n white-space: nowrap;\n animation: ticker 20s linear infinite;\n padding: 4px 0;\n }\n .ticker span { padding: 0 40px; }\n @keyframes ticker {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n \/* MAIN *\/\n .container {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 80px 20px 60px;\n position: relative;\n }\n\n \/* GRID BACKGROUND *\/\n .grid-bg {\n position: fixed;\n inset: 0;\n background-image:\n linear-gradient(rgba(255,224,0,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,224,0,0.04) 1px, transparent 1px);\n background-size: 60px 60px;\n pointer-events: none;\n }\n\n \/* CORNER MARKS *\/\n .corner { position: fixed; width: 40px; height: 40px; z-index: 50; }\n .corner--tl { top: 30px; left: 10px; border-top: 2px solid var(--yellow); border-left: 2px solid var(--yellow); }\n .corner--tr { top: 30px; right: 10px; border-top: 2px solid var(--yellow); border-right: 2px solid var(--yellow); }\n .corner--bl { bottom: 30px; left: 10px; border-bottom: 2px solid var(--yellow); border-left: 2px solid var(--yellow); }\n .corner--br { bottom: 30px; right: 10px; border-bottom: 2px solid var(--yellow); border-right: 2px solid var(--yellow); }\n\n \/* LOGO BADGE *\/\n .logo-badge {\n position: relative;\n margin-bottom: 40px;\n animation: float 4s ease-in-out infinite;\n }\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-8px); }\n }\n\n .badge-ring {\n width: 160px;\n height: 160px;\n border: 4px solid var(--yellow);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n box-shadow:\n 0 0 30px rgba(255,224,0,0.3),\n 0 0 60px rgba(255,224,0,0.1),\n inset 0 0 30px rgba(255,224,0,0.05);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n @keyframes pulse-ring {\n 0%, 100% { box-shadow: 0 0 30px rgba(255,224,0,0.3), 0 0 60px rgba(255,224,0,0.1), inset 0 0 30px rgba(255,224,0,0.05); }\n 50% { box-shadow: 0 0 50px rgba(255,224,0,0.5), 0 0 100px rgba(255,224,0,0.2), inset 0 0 40px rgba(255,224,0,0.1); }\n }\n\n \/* Bio hazard SVG *\/\n .biohazard-icon {\n width: 90px;\n height: 90px;\n fill: var(--yellow);\n filter: drop-shadow(0 0 10px rgba(255,224,0,0.6));\n }\n\n \/* ROTATING TEXT around badge *\/\n .rotating-text {\n position: absolute;\n width: 200px;\n height: 200px;\n top: -20px;\n left: -20px;\n animation: rotate 15s linear infinite;\n }\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* HEADLINE *\/\n .headline {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(60px, 12vw, 130px);\n letter-spacing: 0.15em;\n line-height: 0.9;\n text-align: center;\n color: var(--yellow);\n text-shadow:\n 0 0 20px rgba(255,224,0,0.4),\n 4px 4px 0px rgba(0,0,0,0.8);\n animation: flicker 8s infinite;\n position: relative;\n }\n @keyframes flicker {\n 0%, 95%, 100% { opacity: 1; }\n 96% { opacity: 0.8; }\n 97% { opacity: 1; }\n 98% { opacity: 0.6; }\n 99% { opacity: 1; }\n }\n\n .headline .only {\n display: block;\n font-size: clamp(30px, 5vw, 55px);\n letter-spacing: 0.6em;\n color: var(--black);\n -webkit-text-stroke: 2px var(--yellow);\n text-shadow: none;\n }\n\n \/* SEPARATOR *\/\n .sep {\n width: 100%;\n max-width: 600px;\n display: flex;\n align-items: center;\n gap: 15px;\n margin: 30px 0;\n }\n .sep-line { flex: 1; height: 1px; background: var(--yellow); opacity: 0.4; }\n .sep-diamond { width: 8px; height: 8px; background: var(--yellow); transform: rotate(45deg); }\n\n \/* PROX TEXT *\/\n .prox-block {\n text-align: center;\n margin-bottom: 35px;\n }\n .prox-label {\n font-family: 'Share Tech Mono', monospace;\n font-size: 11px;\n letter-spacing: 6px;\n color: var(--text-muted);\n margin-bottom: 8px;\n text-transform: uppercase;\n }\n .prox-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(40px, 8vw, 80px);\n letter-spacing: 0.3em;\n color: var(--yellow);\n text-shadow: 0 0 30px rgba(255,224,0,0.5);\n animation: flicker 12s infinite 2s;\n }\n\n \/* STATUS BAR *\/\n .status-bar {\n border: 1px solid rgba(255,224,0,0.3);\n padding: 15px 30px;\n margin-bottom: 35px;\n max-width: 500px;\n width: 100%;\n position: relative;\n background: rgba(255,224,0,0.03);\n }\n .status-bar::before {\n content: '\/\/ ESTADO DEL SISTEMA';\n position: absolute;\n top: -9px;\n left: 20px;\n background: var(--black);\n padding: 0 10px;\n font-size: 10px;\n letter-spacing: 3px;\n color: var(--yellow);\n font-family: 'Share Tech Mono', monospace;\n }\n\n .status-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 0;\n border-bottom: 1px solid rgba(255,224,0,0.1);\n font-size: 12px;\n letter-spacing: 2px;\n }\n .status-item:last-child { border-bottom: none; }\n\n .status-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--danger);\n animation: blink 1s step-end infinite;\n margin-left: 10px;\n }\n .status-dot.active { background: #00FF41; animation: blink 2s step-end infinite; }\n @keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n }\n\n .status-val { display: flex; align-items: center; color: var(--yellow-dim); }\n\n \/* PROGRESS BAR *\/\n .progress-section {\n width: 100%;\n max-width: 500px;\n margin-bottom: 35px;\n }\n .progress-label {\n display: flex;\n justify-content: space-between;\n font-size: 10px;\n letter-spacing: 3px;\n margin-bottom: 8px;\n color: var(--text-muted);\n }\n .progress-bar {\n width: 100%;\n height: 6px;\n background: var(--metal);\n position: relative;\n overflow: hidden;\n }\n .progress-fill {\n height: 100%;\n background: var(--yellow);\n width: 0%;\n animation: fill-bar 3s ease-out 1s forwards;\n box-shadow: 0 0 10px rgba(255,224,0,0.6);\n }\n @keyframes fill-bar {\n to { width: 73%; }\n }\n .progress-bar::after {\n content: '';\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n 90deg,\n transparent,\n transparent 8px,\n rgba(0,0,0,0.4) 8px,\n rgba(0,0,0,0.4) 9px\n );\n }\n\n \/* EMAIL FORM *\/\n .notify-section {\n width: 100%;\n max-width: 500px;\n margin-bottom: 35px;\n }\n .notify-label {\n font-size: 10px;\n letter-spacing: 4px;\n color: var(--text-muted);\n margin-bottom: 12px;\n display: block;\n }\n .notify-form {\n display: flex;\n gap: 0;\n border: 1px solid rgba(255,224,0,0.4);\n overflow: hidden;\n transition: box-shadow 0.3s;\n }\n .notify-form:focus-within {\n box-shadow: 0 0 20px rgba(255,224,0,0.3);\n }\n .notify-input {\n flex: 1;\n background: rgba(255,224,0,0.04);\n border: none;\n padding: 14px 20px;\n color: var(--yellow);\n font-family: 'Share Tech Mono', monospace;\n font-size: 13px;\n letter-spacing: 2px;\n outline: none;\n }\n .notify-input::placeholder { color: var(--text-muted); }\n .notify-btn {\n background: var(--yellow);\n color: var(--black);\n border: none;\n padding: 14px 25px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 16px;\n letter-spacing: 3px;\n cursor: crosshair;\n transition: background 0.2s;\n white-space: nowrap;\n }\n .notify-btn:hover { background: #fff; }\n\n \/* SOCIAL *\/\n .social-row {\n display: flex;\n gap: 20px;\n align-items: center;\n margin-bottom: 30px;\n }\n .social-link {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 10px;\n letter-spacing: 3px;\n transition: color 0.2s;\n border-bottom: 1px solid transparent;\n padding-bottom: 2px;\n }\n .social-link:hover {\n color: var(--yellow);\n border-color: var(--yellow);\n }\n\n \/* BOTTOM CODE *\/\n .sys-code {\n font-size: 10px;\n letter-spacing: 2px;\n color: var(--text-muted);\n text-align: center;\n line-height: 1.8;\n }\n .sys-code span { color: rgba(255,224,0,0.3); }\n\n \/* SIDE LABELS *\/\n .side-label {\n position: fixed;\n font-size: 9px;\n letter-spacing: 5px;\n color: rgba(255,224,0,0.2);\n font-family: 'Share Tech Mono', monospace;\n writing-mode: vertical-rl;\n z-index: 50;\n }\n .side-label--left { left: 15px; top: 50%; transform: translateY(-50%) rotate(180deg); }\n .side-label--right { right: 15px; top: 50%; transform: translateY(-50%); }\n\n \/* GLITCH *\/\n .glitch {\n position: relative;\n display: inline-block;\n }\n .glitch::before,\n .glitch::after {\n content: attr(data-text);\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n }\n .glitch::before {\n color: #ff0040;\n clip-path: polygon(0 30%, 100% 30%, 100% 50%, 0 50%);\n animation: glitch1 4s infinite;\n transform: translateX(-2px);\n }\n .glitch::after {\n color: #00f0ff;\n clip-path: polygon(0 60%, 100% 60%, 100% 75%, 0 75%);\n animation: glitch2 4s infinite;\n transform: translateX(2px);\n }\n @keyframes glitch1 {\n 0%, 90%, 100% { transform: translateX(0); opacity: 0; }\n 92% { transform: translateX(-4px); opacity: 1; }\n 94% { transform: translateX(4px); opacity: 1; }\n 96% { transform: translateX(0); opacity: 0; }\n }\n @keyframes glitch2 {\n 0%, 90%, 100% { transform: translateX(0); opacity: 0; }\n 91% { transform: translateX(4px); opacity: 1; }\n 93% { transform: translateX(-4px); opacity: 1; }\n 95% { transform: translateX(0); opacity: 0; }\n }\n\n \/* RADIOACTIVE corners deco *\/\n .rad-corner {\n position: fixed;\n opacity: 0.07;\n z-index: 10;\n }\n .rad-corner--br { bottom: 30px; right: 30px; }\n .rad-corner--tl { top: 40px; left: 30px; }\n\n @media (max-width: 480px) {\n .side-label { display: none; }\n .rad-corner { display: none; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"warning-stripe\"><\/div>\n<div class=\"warning-stripe-bottom\"><\/div>\n\n\n<div class=\"ticker-wrap\">\n <div class=\"ticker\">\n <span>\u2b25 ONLY BNKR<\/span>\n <span>\u2b25 ACCESO RESTRINGIDO<\/span>\n <span>\u2b25 SESIONES CLASIFICADAS<\/span>\n <span>\u2b25 DJS \u00b7 TECHNO \u00b7 INDUSTRIAL \u00b7 ACID<\/span>\n <span>\u2b25 ZONA DE CUARENTENA<\/span>\n <span>\u2b25 PR\u00d3XIMAMENTE EN ACTIVO<\/span>\n <span>\u2b25 ONLY BNKR<\/span>\n <span>\u2b25 ACCESO RESTRINGIDO<\/span>\n <span>\u2b25 SESIONES CLASIFICADAS<\/span>\n <span>\u2b25 DJS \u00b7 TECHNO \u00b7 INDUSTRIAL \u00b7 ACID<\/span>\n <span>\u2b25 ZONA DE CUARENTENA<\/span>\n <span>\u2b25 PR\u00d3XIMAMENTE EN ACTIVO<\/span>\n <\/div>\n<\/div>\n\n\n<div class=\"corner corner--tl\"><\/div>\n<div class=\"corner corner--tr\"><\/div>\n<div class=\"corner corner--bl\"><\/div>\n<div class=\"corner corner--br\"><\/div>\n\n\n<div class=\"grid-bg\"><\/div>\n\n\n<div class=\"side-label side-label--left\">BNKR \/\/ CLASSIFIED \/\/ SEC-LVL-5<\/div>\n<div class=\"side-label side-label--right\">AUDIO \u00b7 TECHNO \u00b7 UNDERGROUND \u00b7 ONLY<\/div>\n\n\n<svg class=\"rad-corner rad-corner--br\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\">\n <circle cx=\"60\" cy=\"60\" r=\"55\" fill=\"none\" stroke=\"#FFE000\" stroke-width=\"2\"\/>\n <circle cx=\"60\" cy=\"60\" r=\"15\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 L60 5 A55 55 0 0 1 107.6 82.5 Z\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 A15 15 0 0 0 47 52.5 L12.4 82.5 A55 55 0 0 1 60 5 Z\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 A15 15 0 0 0 73 52.5 L107.6 82.5 A55 55 0 0 1 12.4 82.5 L47 52.5 A15 15 0 0 0 60 45 Z\" fill=\"#FFE000\"\/>\n<\/svg>\n\n<svg class=\"rad-corner rad-corner--tl\" width=\"80\" height=\"80\" viewBox=\"0 0 120 120\">\n <circle cx=\"60\" cy=\"60\" r=\"55\" fill=\"none\" stroke=\"#FFE000\" stroke-width=\"2\"\/>\n <circle cx=\"60\" cy=\"60\" r=\"15\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 L60 5 A55 55 0 0 1 107.6 82.5 Z\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 A15 15 0 0 0 47 52.5 L12.4 82.5 A55 55 0 0 1 60 5 Z\" fill=\"#FFE000\"\/>\n <path d=\"M60 45 A15 15 0 0 0 73 52.5 L107.6 82.5 A55 55 0 0 1 12.4 82.5 L47 52.5 A15 15 0 0 0 60 45 Z\" fill=\"#FFE000\"\/>\n<\/svg>\n\n\n<div class=\"container\">\n\n \n <div class=\"logo-badge\">\n <svg class=\"rotating-text\" viewBox=\"0 0 200 200\">\n <defs>\n <path id=\"circle\" d=\"M100,100 m-75,0 a75,75 0 1,1 150,0 a75,75 0 1,1 -150,0\"\/>\n <\/defs>\n <text fill=\"#FFE000\" font-size=\"13\" font-family=\"Bebas Neue, sans-serif\" letter-spacing=\"8\">\n <textPath href=\"#circle\">\u2b25 ONLY BNKR \u2b25 ONLY BNKR \u2b25 ONLY BNKR \u2b25<\/textPath>\n <\/text>\n <\/svg>\n <div class=\"badge-ring\">\n \n <svg class=\"biohazard-icon\" viewBox=\"0 0 100 100\">\n <g fill=\"#FFE000\">\n \n <circle cx=\"50\" cy=\"50\" r=\"10\"\/>\n \n <path d=\"M50 40 A20 20 0 0 1 70 55 L60 58 A10 10 0 0 0 50 50 Z\"\/>\n <path d=\"M50 40 A20 20 0 0 0 30 55 L40 58 A10 10 0 0 1 50 50 Z\"\/>\n \n <path d=\"M40 62 A20 20 0 0 1 25 42 L35 48 A10 10 0 0 0 43 55 Z\"\/>\n \n <path d=\"M60 62 A20 20 0 0 0 75 42 L65 48 A10 10 0 0 1 57 55 Z\"\/>\n \n <circle cx=\"50\" cy=\"50\" r=\"35\" fill=\"none\" stroke=\"#FFE000\" stroke-width=\"3\"\/>\n <circle cx=\"50\" cy=\"50\" r=\"28\" fill=\"none\" stroke=\"#FFE000\" stroke-width=\"1.5\"\/>\n \n <path d=\"M50 20 a30 30 0 0 1 25.98 15 L67 39 a20 20 0 0 0-17-10 z\" opacity=\"0.9\"\/>\n <path d=\"M50 20 a30 30 0 0 0-25.98 15 L33 39 a20 20 0 0 1 17-10 z\" opacity=\"0.9\"\/>\n <path d=\"M24.02 65 a30 30 0 0 1 0-30 L33 39 a20 20 0 0 0 0 20 z\" opacity=\"0.9\"\/>\n <path d=\"M75.98 65 a30 30 0 0 0 0-30 L67 39 a20 20 0 0 1 0 20 z\" opacity=\"0.9\"\/>\n <path d=\"M24.02 65 a30 30 0 0 0 25.98 15 L50 70 a20 20 0 0 1-17-10 z\" opacity=\"0.9\"\/>\n <path d=\"M75.98 65 a30 30 0 0 1-25.98 15 L50 70 a20 20 0 0 0 17-10 z\" opacity=\"0.9\"\/>\n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"headline\">\n <span class=\"only\">ONLY<\/span>\n <span class=\"glitch\" data-text=\"BNKR\">BNKR<\/span>\n <\/div>\n\n \n <div class=\"sep\">\n <div class=\"sep-line\"><\/div>\n <div class=\"sep-diamond\"><\/div>\n <div class=\"sep-diamond\"><\/div>\n <div class=\"sep-diamond\"><\/div>\n <div class=\"sep-line\"><\/div>\n <\/div>\n\n \n <div class=\"prox-block\">\n <div class=\"prox-label\">\/\/ transmisi\u00f3n entrante \/\/<\/div>\n <div class=\"prox-title\">PR\u00d3XIMAMENTE<\/div>\n <\/div>\n\n \n <div class=\"status-bar\">\n <div class=\"status-item\">\n <span>SERVIDOR PRINCIPAL<\/span>\n <span class=\"status-val\">OFFLINE <div class=\"status-dot\"><\/div><\/span>\n <\/div>\n <div class=\"status-item\">\n <span>SESIONES DJ<\/span>\n <span class=\"status-val\">EN PREPARACI\u00d3N <div class=\"status-dot\"><\/div><\/span>\n <\/div>\n <div class=\"status-item\">\n <span>TRANSMISI\u00d3N SUBTERR\u00c1NEA<\/span>\n <span class=\"status-val\">PRONTO <div class=\"status-dot active\"><\/div><\/span>\n <\/div>\n <div class=\"status-item\">\n <span>ACCESO AL BUNKER<\/span>\n <span class=\"status-val\">RESTRINGIDO <div class=\"status-dot\"><\/div><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"progress-section\">\n <div class=\"progress-label\">\n <span>\/\/ CONSTRUCCI\u00d3N DEL BUNKER<\/span>\n <span id=\"pct\">0%<\/span>\n <\/div>\n <div class=\"progress-bar\">\n <div class=\"progress-fill\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"notify-section\">\n <span class=\"notify-label\">\/\/ ACCESO ANTICIPADO \u2014 DEJA TU SE\u00d1AL<\/span>\n <div class=\"notify-form\">\n <input class=\"notify-input\" type=\"email\" placeholder=\"TU@EMAIL.COM\" \/>\n <button class=\"notify-btn\" onclick=\"handleSubmit()\">INFILTRAR<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"social-row\">\n <a href=\"#\" class=\"social-link\">INSTAGRAM<\/a>\n <div class=\"sep-diamond\" style=\"width:5px;height:5px;\"><\/div>\n <a href=\"#\" class=\"social-link\">SOUNDCLOUD<\/a>\n <div class=\"sep-diamond\" style=\"width:5px;height:5px;\"><\/div>\n <a href=\"#\" class=\"social-link\">MIXCLOUD<\/a>\n <div class=\"sep-diamond\" style=\"width:5px;height:5px;\"><\/div>\n <a href=\"#\" class=\"social-link\">YOUTUBE<\/a>\n <\/div>\n\n \n <div class=\"sys-code\">\n <span>SYS_ID: BNK-0001<\/span> | \n <span>PROTOCOL: UNDERGROUND<\/span> | \n <span>SEC: LEVEL-5<\/span><br>\n <span style=\"color:rgba(255,224,0,0.15); font-size:9px; letter-spacing:1px;\">\u26a0 ZONA DE CUARENTENA MUSICAL \u2014 ACCESO NO AUTORIZADO PROHIBIDO \u26a0<\/span>\n <\/div>\n\n<\/div>\n\n<script>\n \/\/ Animate counter\n const pct = document.getElementById('pct');\n let count = 0;\n const target = 73;\n const delay = setTimeout(() => {\n const interval = setInterval(() => {\n count++;\n pct.textContent = count + '%';\n if(count >= target) clearInterval(interval);\n }, 35);\n }, 1000);\n\n \/\/ Submit handler\n function handleSubmit() {\n const input = document.querySelector('.notify-input');\n const btn = document.querySelector('.notify-btn');\n if(input.value) {\n btn.textContent = '\u2713 REGISTRADO';\n btn.style.background = '#00FF41';\n input.value = '';\n setTimeout(() => {\n btn.textContent = 'INFILTRAR';\n btn.style.background = '';\n }, 3000);\n }\n }\n\n \/\/ Random glitch on interval\n document.addEventListener('click', (e) => {\n const el = document.createElement('div');\n el.style.cssText = `\n position: fixed;\n left: ${e.clientX - 5}px;\n top: ${e.clientY - 5}px;\n width: 10px; height: 10px;\n background: #FFE000;\n border-radius: 50%;\n pointer-events: none;\n z-index: 9999;\n opacity: 0.8;\n animation: none;\n transition: all 0.5s ease;\n `;\n document.body.appendChild(el);\n setTimeout(() => {\n el.style.transform = 'scale(4)';\n el.style.opacity = '0';\n }, 10);\n setTimeout(() => el.remove(), 600);\n });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ONLY BNKR \u2014 PR\u00d3XIMAMENTE \u2b25 ONLY BNKR \u2b25 ACCESO RESTRINGIDO \u2b25 SESIONES CLASIFICADAS \u2b25 DJS \u00b7 TECHNO \u00b7 INDUSTRIAL \u00b7 ACID \u2b25 ZONA DE CUARENTENA \u2b25 PR\u00d3XIMAMENTE EN ACTIVO \u2b25 ONLY BNKR \u2b25 ACCESO RESTRINGIDO \u2b25 SESIONES CLASIFICADAS \u2b25 DJS \u00b7 TECHNO \u00b7 INDUSTRIAL \u00b7 ACID \u2b25 ZONA DE CUARENTENA \u2b25 PR\u00d3XIMAMENTE EN ACTIVO BNKR […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"clean","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onlybnkr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/onlybnkr.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/onlybnkr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}