{"id":190095,"date":"2026-03-24T08:01:34","date_gmt":"2026-03-24T08:01:34","guid":{"rendered":"https:\/\/projectxcompetitions.com\/?page_id=190095"},"modified":"2026-03-25T14:44:48","modified_gmt":"2026-03-25T14:44:48","slug":"vip","status":"publish","type":"page","link":"https:\/\/projectxcompetitions.co\/ro\/vip\/","title":{"rendered":"VIP"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n PROJECT X ELITE - VIP Access<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap');\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --gold: #f0a500;\n --gold-light: #ffd700;\n --silver: #00d4ff;\n --silver-light: #7fefff;\n --green: #00D200;\n --green-light: #33ff33;\n --bg-dark: #060610;\n --bg-card: rgba(12, 12, 22, 0.9);\n }\np.elite-desc {\n color: #fff !important;\n font-size: 20px;\n}\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--bg-dark);\n color: #fff;\n font-family: 'Rajdhani', sans-serif;\n overflow-x: hidden;\n min-height: 100vh;\n }\n\n #particles { position: fixed; inset: 0; z-index: 0; pointer-events: none; }\n\n .bg-grid {\n position: fixed; inset: 0;\n background-image:\n linear-gradient(rgba(0, 210, 0, 0.02) 1px, transparent 1px),\n linear-gradient(90deg, rgba(0, 210, 0, 0.02) 1px, transparent 1px);\n background-size: 80px 80px;\n z-index: 0; pointer-events: none;\n }\n\n .ambient { position: fixed; border-radius: 50%; z-index: 0; pointer-events: none; filter: blur(80px); }\n .ambient-1 { top: -15%; right: -10%; width: 500px; height: 500px; background: rgba(240,165,0,0.07); animation: drift 10s ease-in-out infinite; }\n .ambient-2 { bottom: -15%; left: -10%; width: 500px; height: 500px; background: rgba(0,212,255,0.05); animation: drift 12s ease-in-out infinite reverse; }\n .ambient-3 { top: 40%; left: 50%; width: 600px; height: 300px; background: rgba(0,210,0,0.04); animation: drift 8s ease-in-out infinite 2s; }\n\n @keyframes drift {\n 0%,100% { transform: translate(0,0) scale(1); }\n 50% { transform: translate(30px,-20px) scale(1.1); }\n }\n\n .wrapper { position: relative; z-index: 1; min-height: 100vh; display: flex; flex-direction: column; align-items: center; }\n\n \/* === HERO === *\/\n .hero { text-align: center; padding: 50px 20px 10px; }\n\n .hero-label {\n display: inline-block; padding: 5px 22px;\n border: 1px solid rgba(240,165,0,0.3); border-radius: 30px;\n font-size: 12px; font-weight: 600; letter-spacing: 5px; text-transform: uppercase;\n color: var(--gold); background: rgba(240,165,0,0.04);\n animation: fadeDown .7s ease-out;\n }\n\n .hero h1 {\n font-family: 'Orbitron', sans-serif; font-weight: 900; line-height: 1; margin-top: 16px;\n animation: fadeUp .8s ease-out .15s both;\n }\n .hero h1 .line1 { font-size: clamp(24px,4.5vw,44px); letter-spacing: 8px; display: block; color: #fff; }\n .hero h1 .x { color: #ff3333; text-shadow: 0 0 20px rgba(255,51,51,0.5); }\n .hero h1 .line2 {\n font-size: clamp(56px,11vw,110px); letter-spacing: 10px; display: block;\n background: linear-gradient(180deg, #ffd700, #f0a500, #c78500);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n filter: drop-shadow(0 0 25px rgba(240,165,0,0.25));\n }\n .hero-sub {\n font-size: clamp(14px,2vw,18px); letter-spacing: 3px; color: #ffffff; margin-top: 8px;\n animation: fadeUp .8s ease-out .35s both;\n }\n .hero-sub span { color: rgba(255,255,255,0.4); margin: 0 10px; }\n\n .divider {\n width: 180px; height: 1px; margin: 28px auto;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n position: relative; animation: fadeIn 1s ease-out .5s both;\n }\n .divider::after {\n content: ''; position: absolute; top: -3px; left: 50%; transform: translateX(-50%);\n width: 7px; height: 7px; background: var(--gold); border-radius: 50%; box-shadow: 0 0 12px var(--gold);\n }\n\n \/* === PODIUM === *\/\n .podium-area { width: 100%; max-width: 960px; padding: 10px 20px; }\n\n .podium {\n display: flex; align-items: flex-end; justify-content: center;\n gap: clamp(12px, 3vw, 30px); padding-top: 40px; position: relative;\n }\n\n \/* === PERSON === *\/\n .person {\n display: flex; flex-direction: column; align-items: center;\n position: relative; cursor: default;\n transition: transform .5s cubic-bezier(.2,1,.3,1);\n }\n .person:hover { transform: translateY(-12px) scale(1.02); }\n .person.p1 { order: 2; z-index: 3; }\n .person.p2 { order: 1; z-index: 2; }\n .person.p3 { order: 3; z-index: 1; }\n\n \/* VIP tag *\/\n .vip-tag {\n font-family: 'Orbitron', sans-serif; font-size: 13px; font-weight: 800;\n letter-spacing: 3px; padding: 4px 14px; border-radius: 4px;\n margin-bottom: 12px; position: relative;\n opacity: 0; animation: tagIn .5s ease-out forwards;\n }\n .p1 .vip-tag { animation-delay: 1s; color: var(--gold-light); border: 1px solid var(--gold); background: rgba(240,165,0,0.08); box-shadow: 0 0 18px rgba(240,165,0,0.3); }\n .p2 .vip-tag { animation-delay: 1.3s; color: var(--silver-light); border: 1px solid var(--silver); background: rgba(0,212,255,0.08); box-shadow: 0 0 18px rgba(0,212,255,0.3); }\n .p3 .vip-tag { animation-delay: 1.6s; color: var(--green-light); border: 1px solid var(--green); background: rgba(0,210,0,0.08); box-shadow: 0 0 18px rgba(0,210,0,0.3); }\n\n .vip-laurel { position: absolute; top: 50%; transform: translateY(-50%); font-size: 16px; opacity: .5; }\n .vip-laurel.l { left: -22px; }\n .vip-laurel.r { right: -22px; }\n .p1 .vip-laurel { color: var(--gold); }\n .p2 .vip-laurel { color: var(--silver); }\n .p3 .vip-laurel { color: var(--green); }\n\n @keyframes tagIn {\n from { opacity: 0; transform: translateY(-15px) scale(.85); }\n to { opacity: 1; transform: translateY(0) scale(1); }\n }\n\n \/* === SILHOUETTE IMAGE === *\/\n .sil-img {\n position: relative; margin-bottom: -8px; z-index: 2;\n }\n .p1 .sil-img { width: 150px; height: 185px; }\n .p2 .sil-img { width: 120px; height: 150px; }\n .p3 .sil-img { width: 120px; height: 150px; }\n\n .sil-img img {\n width: 100%; height: 100%;\n object-fit: contain; object-position: bottom;\n filter: brightness(0) drop-shadow(0 0 20px rgba(240,165,0,0.2));\n position: relative; z-index: 1;\n }\n .sil-img::before {\n content: ''; position: absolute;\n top: 5%; left: 5%; right: 5%; bottom: 0;\n border-radius: 50% 50% 10% 10%; z-index: 0;\n animation: silGlow 3s ease-in-out infinite;\n }\n .p1 .sil-img::before { background: radial-gradient(ellipse at 50% 50%, rgba(240,165,0,0.22), transparent 65%); }\n .p2 .sil-img::before { background: radial-gradient(ellipse at 50% 50%, rgba(0,212,255,0.18), transparent 65%); }\n .p3 .sil-img::before { background: radial-gradient(ellipse at 50% 50%, rgba(0,210,0,0.15), transparent 65%); }\n @keyframes silGlow { 0%,100% { opacity: 0.5; } 50% { opacity: 1; } }\n\n \/* === PEDESTAL (3D solid) === *\/\n .pedestal { position: relative; text-align: center; overflow: visible; }\n\n .ped-top {\n width: 100%; height: 12px; border-radius: 4px 4px 0 0;\n position: relative; z-index: 1;\n }\n .p1 .ped-top { background: linear-gradient(180deg, rgba(240,180,40,0.35), rgba(240,165,0,0.15)); box-shadow: 0 -2px 15px rgba(240,165,0,0.3); }\n .p2 .ped-top { background: linear-gradient(180deg, rgba(0,212,255,0.25), rgba(0,180,220,0.1)); box-shadow: 0 -2px 15px rgba(0,212,255,0.2); }\n .p3 .ped-top { background: linear-gradient(180deg, rgba(0,210,0,0.2), rgba(0,180,0,0.08)); box-shadow: 0 -2px 15px rgba(0,210,0,0.18); }\n\n .ped-body { position: relative; overflow: visible; }\n .p1 .ped-body {\n width: 210px; min-height: 120px;\n background: linear-gradient(180deg, rgba(30,22,10,0.9) 0%, rgba(20,15,8,0.85) 50%, rgba(15,12,6,0.8) 100%);\n border-left: 1px solid rgba(240,165,0,0.2); border-right: 1px solid rgba(240,165,0,0.2);\n }\n .p2 .ped-body {\n width: 175px; min-height: 90px;\n background: linear-gradient(180deg, rgba(10,18,28,0.9) 0%, rgba(8,14,22,0.85) 50%, rgba(6,10,18,0.8) 100%);\n border-left: 1px solid rgba(0,212,255,0.15); border-right: 1px solid rgba(0,212,255,0.15);\n }\n .p3 .ped-body {\n width: 175px; min-height: 78px;\n background: linear-gradient(180deg, rgba(10,22,12,0.9) 0%, rgba(8,18,10,0.85) 50%, rgba(6,14,8,0.8) 100%);\n border-left: 1px solid rgba(0,210,0,0.12); border-right: 1px solid rgba(0,210,0,0.12);\n }\n\n \/* Scan line *\/\n .ped-body::after {\n content: ''; position: absolute; left: 0; right: 0; height: 1px;\n opacity: 0; animation: scanLine 4s ease-in-out infinite;\n }\n .p1 .ped-body::after { background: rgba(240,165,0,0.2); }\n .p2 .ped-body::after { background: rgba(0,212,255,0.15); animation-delay: 1.3s; }\n .p3 .ped-body::after { background: rgba(0,210,0,0.12); animation-delay: 2.6s; }\n\n @keyframes scanLine {\n 0% { top: 0; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: 100%; opacity: 0; }\n }\n\n \/* Name plate *\/\n .nameplate {\n margin: 16px auto 0; padding: 7px 10px;\n border-radius: 5px; display: inline-block;\n }\n .p1 .nameplate { background: rgba(240,165,0,0.08); border: 1px solid rgba(240,165,0,0.4); box-shadow: 0 0 15px rgba(240,165,0,0.15), inset 0 0 15px rgba(240,165,0,0.05); }\n .p2 .nameplate { background: rgba(0,212,255,0.06); border: 1px solid rgba(0,212,255,0.3); box-shadow: 0 0 12px rgba(0,212,255,0.12), inset 0 0 12px rgba(0,212,255,0.04); }\n .p3 .nameplate { background: rgba(0,210,0,0.05); border: 1px solid rgba(0,210,0,0.25); box-shadow: 0 0 12px rgba(0,210,0,0.1), inset 0 0 12px rgba(0,210,0,0.03); }\n\n .ped-name {\n font-family: 'Orbitron', sans-serif; font-weight: 700; text-transform: uppercase;\n letter-spacing: 0.5px; white-space: nowrap;\n }\n .p1 .ped-name { font-size: clamp(10px,1.5vw,14px); color: var(--gold-light); text-shadow: 0 0 15px rgba(240,165,0,0.5); }\n .p2 .ped-name { font-size: clamp(8px,1.1vw,10.5px); color: var(--silver-light); text-shadow: 0 0 12px rgba(0,212,255,0.4); }\n .p3 .ped-name { font-size: clamp(8px,1.1vw,10.5px); color: var(--green-light); text-shadow: 0 0 12px rgba(0,210,0,0.4); }\n\n .elite-explanation {\n width: 100%; max-width: 780px; text-align: center; padding: 5px 20px 15px;\n }\n .elite-desc {\n font-size: clamp(18px, 2.2vw, 24px); line-height: 1.7;\n color: #ffffff; letter-spacing: 0.3px;\n }\n .elite-desc strong { color: var(--gold); font-weight: 700; }\n\n .elite-cta-text {\n width: 100%; max-width: 600px; text-align: center; padding: 15px 20px 5px;\n }\n .elite-cta-text p {\n font-size: clamp(15px, 1.8vw, 19px); line-height: 1.6;\n color: #ffffff; letter-spacing: 0.5px; font-weight: 500; font-size: clamp(17px, 2vw, 22px);\n }\n\n \/* === FLOOR === *\/\n .floor {\n width: 100%; max-width: 700px; margin: 0 auto; height: 60px;\n background: linear-gradient(180deg, rgba(240,165,0,0.06), transparent);\n filter: blur(8px); position: relative;\n }\n .floor::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(240,165,0,0.25), transparent);\n }\n\n .tagline {\n text-align: center; padding: 35px 20px 15px;\n font-size: clamp(17px,2.8vw,24px); letter-spacing: 3px;\n color: #ffffff; font-weight: 500; font-size: clamp(22px,3.5vw,32px);\n }\n .tagline strong { color: var(--gold); font-weight: 700; }\n\n .benefits {\n width: 100%; max-width: 820px; padding: 15px 20px 10px;\n display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px;\n }\n\n .ben {\n background: var(--bg-card); border: 1px solid rgba(255,255,255,0.05);\n border-radius: 10px; padding: 16px 18px; display: flex; align-items: center; gap: 12px;\n transition: all .35s ease; position: relative; overflow: hidden;\n }\n .ben::before {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(135deg, rgba(240,165,0,0.04), transparent);\n opacity: 0; transition: opacity .3s ease;\n }\n .ben:hover { border-color: rgba(240,165,0,0.15); transform: translateY(-3px); }\n .ben:hover::before { opacity: 1; }\n\n .ben-icon {\n width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center;\n font-size: 16px; flex-shrink: 0; background: rgba(240,165,0,0.06); border: 1px solid rgba(240,165,0,0.12); color: var(--gold);\n }\n .ben-text { font-size: 14px; font-weight: 500; color: #ffffff; letter-spacing: .3px; }\n\n .cta { text-align: center; padding: 25px 20px 50px; }\n\n .cta-btn {\n display: inline-flex; align-items: center; gap: 12px;\n padding: 15px 44px; font-family: 'Orbitron', sans-serif;\n font-size: clamp(12px,1.8vw,15px); font-weight: 700; letter-spacing: 3px;\n text-transform: uppercase; color: #fff; text-decoration: none;\n background: linear-gradient(135deg, rgba(240,165,0,0.12), rgba(0,210,0,0.08));\n border: 1px solid rgba(0,210,0,0.35); border-radius: 4px;\n position: relative; overflow: hidden; cursor: pointer;\n transition: all .4s ease;\n }\n .cta-btn::before {\n content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(0,210,0,0.08), transparent);\n transition: left .5s ease;\n }\n .cta-btn:hover {\n border-color: var(--green); transform: translateY(-2px);\n box-shadow: 0 0 25px rgba(0,210,0,0.15), inset 0 0 25px rgba(0,210,0,0.04);\n }\n .cta-btn:hover::before { left: 100%; }\n .cta-btn .arr { font-size: 18px; transition: transform .3s ease; }\n .cta-btn:hover .arr { transform: translateX(5px); }\n\n .cta-sub {\n margin-top: 12px; font-size: 12px; letter-spacing: 2px;\n color: #ffffff; display: flex; align-items: center; justify-content: center; gap: 6px;\n }\n\n .footer { text-align: center; padding: 15px; font-size: 13px; color: #ffffff; font-style: italic; letter-spacing: 1px; }\n\n\n \/* === ANIMATIONS === *\/\n @keyframes fadeUp { from { opacity:0; transform:translateY(25px); } to { opacity:1; transform:translateY(0); } }\n @keyframes fadeDown { from { opacity:0; transform:translateY(-15px); } to { opacity:1; transform:translateY(0); } }\n @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }\n\n .sparkle {\n position: absolute; width: 3px; height: 3px; border-radius: 50%;\n pointer-events: none; animation: spark .7s ease-out forwards;\n }\n @keyframes spark {\n 0% { opacity:1; transform: scale(1) translate(0,0); }\n 100% { opacity:0; transform: scale(0) translate(var(--tx),var(--ty)); }\n }\n\n .reveal { opacity:0; transform:translateY(25px); transition: all .7s cubic-bezier(.16,1,.3,1); }\n .reveal.vis { opacity:1; transform:translateY(0); }\n\n @media (max-width:700px) {\n .p1 .sil-img { width: 120px; height: 150px; }\n .p2 .sil-img, .p3 .sil-img { width: 95px; height: 120px; }\n .p1 .ped-body { width: 170px; min-height: 100px; }\n .p2 .ped-body { width: 140px; min-height: 75px; }\n .p3 .ped-body { width: 140px; min-height: 65px; }\n .benefits { grid-template-columns: 1fr; }\n }\n\n @media (max-width:480px) {\n .p1 .sil-img { width: 95px; height: 120px; }\n .p2 .sil-img, .p3 .sil-img { width: 75px; height: 95px; }\n .p1 .ped-body { width: 130px; min-height: 85px; }\n .p2 .ped-body { width: 110px; min-height: 60px; }\n .p3 .ped-body { width: 110px; min-height: 52px; }\n .vip-tag { font-size: 10px; padding: 3px 10px; }\n .vip-laurel { display: none; }\n .p1 .ped-name { font-size: 10px; }\n .p2 .ped-name, .p3 .ped-name { font-size: 8.5px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<canvas id=\"particles\"><\/canvas>\n<div class=\"bg-grid\"><\/div>\n<div class=\"ambient ambient-1\"><\/div>\n<div class=\"ambient ambient-2\"><\/div>\n<div class=\"ambient ambient-3\"><\/div>\n\n<div class=\"wrapper\">\n\n <section class=\"hero\">\n <div class=\"hero-label\">WELCOME TO<\/div>\n <h1>\n <span class=\"line1\">PROJECT <span class=\"x\">X<\/span><\/span>\n <span class=\"line2\">ELITE<\/span>\n <\/h1>\n <p class=\"hero-sub\">Top Supporters <span>•<\/span> Inner Circle <span>•<\/span> VIP Members<\/p>\n <\/section>\n\n <div class=\"divider\"><\/div>\n\n <section class=\"podium-area\">\n <div class=\"podium\">\n\n <!-- #2 DUMITRU -->\n <div class=\"person p2\" data-color=\"blue\">\n <div class=\"vip-tag\">\n <span class=\"vip-laurel l\">★<\/span>\n VIP\n <span class=\"vip-laurel r\">★<\/span>\n <\/div>\n <div class=\"sil-img\">\n <img decoding=\"async\" src=\"https:\/\/projectxcompetitions.win\/\/wp-content\/uploads\/2026\/03\/freepik_br_2c755263-352b-4c00-8228-5cb28312152e-scaled.png\" alt=\"\">\n <\/div>\n <div class=\"pedestal\">\n <div class=\"ped-top\"><\/div>\n <div class=\"ped-body\">\n <div class=\"nameplate\">\n <div class=\"ped-name\">DUMITRU GABRIEL GABOR<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- #1 CALIN -->\n <div class=\"person p1\" data-color=\"gold\">\n <div class=\"vip-tag\">\n <span class=\"vip-laurel l\">★<\/span>\n VIP\n <span class=\"vip-laurel r\">★<\/span>\n <\/div>\n <div class=\"sil-img\">\n <img decoding=\"async\" src=\"https:\/\/projectxcompetitions.win\/\/wp-content\/uploads\/2026\/03\/freepik_br_2c755263-352b-4c00-8228-5cb28312152e-scaled.png\" alt=\"\">\n <\/div>\n <div class=\"pedestal\">\n <div class=\"ped-top\"><\/div>\n <div class=\"ped-body\">\n <div class=\"nameplate\">\n <div class=\"ped-name\">CALIN KOVACS<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- #3 SARAMET -->\n <div class=\"person p3\" data-color=\"green\">\n <div class=\"vip-tag\">\n <span class=\"vip-laurel l\">★<\/span>\n VIP\n <span class=\"vip-laurel r\">★<\/span>\n <\/div>\n <div class=\"sil-img\">\n <img decoding=\"async\" src=\"https:\/\/projectxcompetitions.win\/\/wp-content\/uploads\/2026\/03\/freepik_br_2c755263-352b-4c00-8228-5cb28312152e-scaled.png\" alt=\"\">\n <\/div>\n <div class=\"pedestal\">\n <div class=\"ped-top\"><\/div>\n <div class=\"ped-body\">\n <div class=\"nameplate\">\n <div class=\"ped-name\">SARAMET ALIN CIPRIAN<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <div class=\"floor\"><\/div>\n <\/section>\n\n <div class=\"tagline\">NOT EVERYONE WINS. <strong>ONLY THE BEST RISE.<\/strong><\/div>\n\n <div class=\"elite-explanation reveal\">\n <p class=\"elite-desc\">The <strong>Top 3 finishers<\/strong> from every Project X competition automatically earn their place as <strong>Project X Elite Members<\/strong>. This is not bought — it’s earned. Only the best competitors rise to the top and unlock exclusive VIP status, private rewards, and lifetime recognition in the Hall of Fame.<\/p>\n <\/div>\n\n <section class=\"benefits reveal\">\n <div class=\"ben\"><div class=\"ben-icon\">👑<\/div><div class=\"ben-text\">Exclusive Status<\/div><\/div>\n <div class=\"ben\"><div class=\"ben-icon\">⭐<\/div><div class=\"ben-text\">Hall of Fame Recognition<\/div><\/div>\n <div class=\"ben\"><div class=\"ben-icon\">🎁<\/div><div class=\"ben-text\">Private Benefits & Rewards<\/div><\/div>\n <div class=\"ben\"><div class=\"ben-icon\">⚡<\/div><div class=\"ben-text\">Priority Access to Future Drops<\/div><\/div>\n <div class=\"ben\"><div class=\"ben-icon\">🏆<\/div><div class=\"ben-text\">Invitation to Elite Events<\/div><\/div>\n <div class=\"ben\"><div class=\"ben-icon\">🔒<\/div><div class=\"ben-text\">VIP Members Only Access<\/div><\/div>\n <\/section>\n\n <div class=\"elite-cta-text reveal\">\n <p>Think you have what it takes? Enter our competitions and claim your spot among the elite.<\/p>\n <\/div>\n\n <section class=\"cta reveal\">\n <a href=\"https:\/\/projectxcompetitions.win\/\/shop\/\" class=\"cta-btn\" id=\"ctaBtn\" target=\"_blank\">\n BROWSE COMPETITIONS <span class=\"arr\">→<\/span>\n <\/a>\n\n <div class=\"cta-sub\">🏆 Compete • Win • Become Elite<\/div>\n <\/section>\n<\/div>\n\n\n<script>\n\/\/ === PARTICLES ===\nconst cv = document.getElementById('particles'), c = cv.getContext('2d');\nlet W, H, pts = [], mx = {x:null, y:null};\n\nfunction resize() { W = cv.width = innerWidth; H = cv.height = innerHeight; }\nresize(); addEventListener('resize', resize);\n\nclass P {\n constructor() { this.init(); }\n init() {\n this.x = Math.random()*W; this.y = Math.random()*H;\n this.r = Math.random()*1.8+.4;\n this.vy = -Math.random()*.4-.08; this.vx = (Math.random()-.5)*.25;\n this.o = Math.random()*.4+.08;\n this.col = ['#f0a500','#00d4ff','#00D200','#ffffff'][~~(Math.random()*4)];\n this.life = this.maxLife = Math.random()*250+120;\n }\n update() {\n this.y += this.vy; this.x += this.vx; this.life--;\n if (mx.x !== null) {\n const dx = mx.x-this.x, dy = mx.y-this.y, d = Math.sqrt(dx*dx+dy*dy);\n if (d < 100) { this.x -= dx*.015; this.y -= dy*.015; }\n }\n if (this.life <= 0 || this.y < -10) this.init();\n }\n draw() {\n c.globalAlpha = this.o * (this.life\/this.maxLife);\n c.fillStyle = this.col;\n c.beginPath(); c.arc(this.x, this.y, this.r, 0, Math.PI*2); c.fill();\n }\n}\n\nfor (let i = 0; i < 90; i++) pts.push(new P());\n\n(function loop() {\n c.clearRect(0,0,W,H);\n pts.forEach(p => { p.update(); p.draw(); });\n c.globalAlpha = 1;\n requestAnimationFrame(loop);\n})();\n\naddEventListener('mousemove', e => { mx.x = e.clientX; mx.y = e.clientY; });\n\n\/\/ === ENTRANCE ===\ndocument.querySelectorAll('.person').forEach((el, i) => {\n el.style.opacity = '0'; el.style.transform = 'translateY(60px) scale(0.95)';\n setTimeout(() => {\n el.style.transition = 'all .9s cubic-bezier(.16,1,.3,1)';\n el.style.opacity = '1'; el.style.transform = 'translateY(0) scale(1)';\n }, 700 + i * 220);\n});\n\n\/\/ === SPARKLES ===\ndocument.querySelectorAll('.person').forEach(card => {\n card.addEventListener('mousemove', e => {\n if (Math.random() > .6) {\n const s = document.createElement('div'); s.className = 'sparkle';\n const colors = {gold:'#ffd700', blue:'#00d4ff', green:'#00D200'};\n s.style.background = colors[card.dataset.color];\n const r = card.getBoundingClientRect();\n s.style.left = (e.clientX - r.left) + 'px';\n s.style.top = (e.clientY - r.top) + 'px';\n s.style.setProperty('--tx', (Math.random()-.5)*70+'px');\n s.style.setProperty('--ty', (Math.random()-.5)*70+'px');\n card.appendChild(s);\n setTimeout(() => s.remove(), 700);\n }\n });\n});\n\n\n\/\/ === SCROLL REVEAL ===\nconst obs = new IntersectionObserver(entries => {\n entries.forEach(en => { if (en.isIntersecting) en.target.classList.add('vis'); });\n}, {threshold: .1});\ndocument.querySelectorAll('.reveal').forEach(el => obs.observe(el));\n\n\/\/ === 3D TILT ===\ndocument.querySelectorAll('.person').forEach(card => {\n card.addEventListener('mousemove', e => {\n const r = card.getBoundingClientRect();\n const x = (e.clientX - r.left) \/ r.width - .5;\n const y = (e.clientY - r.top) \/ r.height - .5;\n card.style.transform = `translateY(-12px) scale(1.02) perspective(600px) rotateY(${x*8}deg) rotateX(${-y*6}deg)`;\n });\n card.addEventListener('mouseleave', () => { card.style.transform = ''; });\n});\n\n\/\/ === CTA RIPPLE ===\ndocument.getElementById('ctaBtn').addEventListener('click', function(e) {\n const r = this.getBoundingClientRect();\n const rip = document.createElement('span');\n rip.style.cssText = `position:absolute;border-radius:50%;background:rgba(0,210,0,0.25);width:0;height:0;left:${e.clientX-r.left}px;top:${e.clientY-r.top}px;transform:translate(-50%,-50%);pointer-events:none;`;\n rip.animate([{width:'0px',height:'0px',opacity:1},{width:'300px',height:'300px',opacity:0}], {duration:600, easing:'ease-out'});\n this.appendChild(rip);\n setTimeout(() => rip.remove(), 600);\n});\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PROJECT X ELITE – VIP Access WELCOME TO PROJECT X ELITE Top Supporters • Inner Circle • VIP Members ★ VIP ★ DUMITRU GABRIEL GABOR…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-190095","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/projectxcompetitions.co\/ro\/wp-json\/wp\/v2\/pages\/190095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projectxcompetitions.co\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projectxcompetitions.co\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projectxcompetitions.co\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/projectxcompetitions.co\/ro\/wp-json\/wp\/v2\/comments?post=190095"}],"version-history":[{"count":25,"href":"https:\/\/projectxcompetitions.co\/ro\/wp-json\/wp\/v2\/pages\/190095\/revisions"}],"predecessor-version":[{"id":191751,"href":"https:\/\/projectxcompetitions.co\/ro\/wp-json\/wp\/v2\/pages\/190095\/revisions\/191751"}],"wp:attachment":[{"href":"https:\/\/projectxcompetitions.co\/ro\/wp-json\/wp\/v2\/media?parent=190095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}