HYDRABOLIN – Advanced Electrolyte Formula | Blue Raspberry Flavor
/* 2020WFG "HYDRABOLIN" TITANIUM EDITION - NEON PINK & BLUE */ :root { --titanium-dark: #050505; --titanium-panel: #0f0f0f; /* YOUR EXACT COLOR CODES */ --neon-pink: #fd06a8; /* Pr imary Neon Pink */ --accent-blue: #15a1ff; /* Secondary Electric Blue */ --text-white: #ffffff; --text-silver: #a0a0a0; /* TYPOGRAPHY SYSTEM */ --font-header: 'Anton', sans-serif; --font-tech: 'Orbitron', sans-serif; --font-body: 'Montserrat', sans-serif; } /* RESET & BASE */ .titan-wrapper { background-color: var(--titanium-dark); color: var(--text-white); font-family: var(--font-body); line-height: 1.6; overflow-x: hidden; position: relative; font-size: 16px; /* Pink/Blue Gradient Background */ background-image: radial-gradient(circle at 50% 0, #1a0011 0%, #000 70%); } .titan-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2; } /* --- ANIMATION ENGINE --- */ @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } } @keyframes pulse-hydro-glow { 0% { box-shadow: 0 0 5px var(--neon-pink); border-color: var(--neon-pink); } 50% { box-shadow: 0 0 20px 5px rgba(21, 161, 255, 0.4); border-color: var(--accent-blue); } 100% { box-shadow: 0 0 5px var(--neon-pink); border-color: var(--neon-pink); } } @keyframes scanline-blue { 0% { top: 0%; opacity: 0; } 50% { opacity: 1; box-shadow: 0 0 15px var(--accent-blue); } 100% { top: 100%; opacity: 0; } } @keyframes text-flicker { 0% { opacity: 1; } 95% { opacity: 1; } 96% { opacity: 0.8; } 97% { opacity: 1; } 98% { opacity: 0.5; } 100% { opacity: 1; } } .reveal-entry { animation: cinematicFade 0.8s ease-out forwards; opacity: 0; } @keyframes cinematicFade { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } /* --- HERO SECTION --- */ .titan-hero { min-height: 85vh; display: flex; align-items: center; justify-content: space-between; position: relative; border-bottom: 2px solid var(--neon-pink); padding: 40px 0; box-shadow: 0 10px 50px -20px rgba(253, 6, 168, 0.2); } .hero-content { flex: 1; padding-right: 40px; z-index: 3; } /* HERO TAG */ .hero-tag { background: var(--neon-pink); color: #fff; padding: 5px 15px; font-family: var(--font-tech); font-size: 0.8rem; letter-spacing: 2px; font-weight: 800; display: inline-block; margin-bottom: 20px; border: 1px solid var(--accent-blue); box-shadow: 0 0 20px rgba(253, 6, 168, 0.6); animation: pulse-hydro-glow 3s infinite; } h1.hero-title { font-family: var(--font-header); font-size: 5.5rem; line-height: 0.9; text-transform: uppercase; margin: 0 0 20px 0; color: var(--text-white); text-shadow: 0 0 20px rgba(0,0,0,0.8); } h1.hero-title span { color: var(--accent-blue); font-family: var(--font-tech); font-size: 2.2rem; display: block; letter-spacing: 4px; margin-top: 5px; text-shadow: 0 0 15px var(--accent-blue); animation: text-flicker 4s infinite; } /* BOTTLE DISPLAY */ .hero-visual-stage { flex: 1; position: relative; height: 550px; display: flex; justify-content: center; align-items: center; } .bottle-core { position: relative; z-index: 5; width: 320px; animation: float 6s ease-in-out infinite; filter: drop-shadow(0 20px 50px rgba(0,0,0,0.9)); } .bottle-core img { width: 100%; display: block; } /* BLUE LASER SCANNER */ .bottle-core::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: var(--accent-blue); box-shadow: 0 0 20px var(--neon-pink); opacity: 0.8; animation: scanline-blue 3s linear infinite; } /* DATA BOXES */ .hero-data-points { position: absolute; right: -40px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 15px; } .data-box { background: rgba(10, 10, 10, 0.9); border-right: 3px solid var(--neon-pink); padding: 15px 20px; text-align: right; backdrop-filter: blur(5px); transition: 0.3s; width: 220px; cursor: pointer; } .data-box:hover { background: var(--neon-pink); box-shadow: 0 0 25px rgba(253, 6, 168, 0.8); transform: translateX(-10px); border-right-color: var(--accent-blue); } .data-box h3 { font-family: var(--font-header); font-size: 1.5rem; margin: 0; color: #fff; line-height: 1; text-transform: uppercase; } .data-box p { margin: 0; font-size: 0.75rem; font-family: var(--font-tech); letter-spacing: 1px; color: var(--text-silver); } /* HOVER EFFECT: Text turns WHITE for readability */ .data-box:hover h3 { color: #fff; text-shadow:none; } .data-box:hover p { color: #fff; font-weight:800; } /* --- SECTION: INFLUENCER COLLAB --- */ .collab-strip { background: linear-gradient(90deg, #000, #111, #000); border-bottom: 1px solid #333; padding: 20px 0; margin-bottom: 60px; box-shadow: inset 0 0 20px rgba(0,0,0,1); } .collab-content { display: flex; align-items: center; justify-content: space-between; } .collab-badge { font-family: var(--font-tech); font-weight: 700; color: var(--text-white); font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; gap: 10px; } .collab-dot { width: 8px; height: 8px; background: var(--accent-blue); border-radius: 50%; box-shadow: 0 0 10px var(--accent-blue); animation: pulse-hydro-glow 1s infinite; } .collab-quote { font-style: italic; color: var(--text-silver); font-size: 0.9rem; } /* --- SECTION: USAGE & SPECS --- */ .specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin: 60px 0; } .glass-card { background: rgba(15, 15, 15, 0.6); border: 1px solid rgba(255, 255, 255, 0.05); padding: 30px; position: relative; overflow: hidden; transition: all 0.4s ease; } .glass-card:hover { border-color: var(--neon-pink); box-shadow: 0 0 30px rgba(253, 6, 168, 0.2); transform: translateY(-5px); } .glass-card h3 { font-family: var(--font-header); font-size: 2rem; color: #fff; margin: 0 0 15px 0; text-transform: uppercase; } .glass-card h3 span { color: var(--accent-blue); text-shadow: 0 0 10px var(--accent-blue); } .spec-list { list-style: none; padding: 0; margin: 0; } .spec-list li { padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: center; } .spec-label { font-weight: 700; color: #fff; font-size: 1rem; font-family: var(--font-tech); } .spec-val { color: var(--text-silver); text-align: right; font-size: 0.9rem; max-width: 60%; } /* --- SECTION: SCIENCE --- */ .science-header { text-align: center; margin-bottom: 40px; } .science-header h2 { font-family: var(--font-header); font-size: 3.5rem; color: #fff; margin: 0; text-shadow: 0 0 20px rgba(255,255,255,0.1); } .ing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; } .ing-card { background: #080808; border: 1px solid #222; padding: 25px; transition: 0.3s; position: relative; } .ing-card:hover { border-color: var(--accent-blue); transform: translateY(-5px); box-shadow: 0 0 20px rgba(21, 161, 255, 0.2); } .ing-title { font-family: var(--font-header); font-size: 1.4rem; color: #fff; margin-bottom: 10px; } .ing-desc { font-size: 0.85rem; color: #888; } /* --- SECTION: FAQ & DEPLOYMENT --- */ .deploy-box { background: rgba(253, 6, 168, 0.05); border: 1px solid var(--neon-pink); padding: 30px; margin-top: 60px; box-shadow: 0 0 15px rgba(253, 6, 168, 0.1); animation: pulse-hydro-glow 4s infinite; } .deploy-title { font-family: var(--font-tech); color: var(--neon-pink); font-size: 1.2rem; margin-bottom: 15px; letter-spacing: 2px; text-shadow: 0 0 10px var(--neon-pink); } /* --- MOBILE RESPONSIVE FIXES --- */ @media (max-width: 768px) { .titan-hero { flex-direction: column; padding-top: 20px; text-align: center; height: auto; } .hero-content { padding-right: 0; margin-bottom: 30px; width: 100%; } h1.hero-title { font-size: 3.8rem; line-height: 1; } h1.hero-title span { font-size: 1.5rem; letter-spacing: 2px; } .hero-visual-stage { height: 400px; width: 100%; margin-bottom: 20px; } .bottle-core { width: 220px; } /* MOBILE STACK */ .hero-data-points { position: relative; right: auto; top: auto; transform: none; width: 100%; flex-direction: column; align-items: center; gap: 15px; margin-top: 20px; } .data-box { width: 85%; max-width: 300px; text-align: center; border-right: 3px solid var(--neon-pink); } .data-box:hover { transform: scale(1.02); } .collab-content { flex-direction: column; text-align: center; gap: 10px; } .specs-grid { grid-template-columns: 1fr; } } SERIES: HYDRO-015 HYDRABOLINPROTOCOL The Hyper-Volumization Catalyst. Formulated to drive osmotic fluid into the muscle cell, maximizing fullness, pump, and performance output. /// SYSTEM STATUS: CELLULAR FLOOD VOLUMIZATION INTRA-CELLULAR SWELLING ELECTROLYTES ION TRANSPORT MATRIX ENDURANCE SUSTAINED NEURAL DRIVE OFFICIAL VOLUMIZER: RIPGANG x 2020WFG "Flavor is insane. Pump is insane. I drink this intra-set for the fullness." MECHANISM OF ACTION HYDRABOLIN activates the Osmotic Transport Pathway. By balancing sodium-potassium pumps, it pulls fluids out of the subcutaneous layer (skin) and into the myofibril (muscle), creating a "Full & Dry" look rather than a bloated one. CLASS Volumization Agent EFFECT Muscle Fullness FLAVOR Blue Raspberry DEPLOYMENT STRATEGY Mandatory for high-intensity sessions where sweat loss threatens to flatten the physique and kill the pump. DOSAGE 1 Scoop TIMING Intra-Workout STACK WITH ANADRAX (Pump) COMPOUND INTELLIGENCE CLINICAL GRADE // NO FILLERS SODIUM MATRIX The primary driver of blood volume. Sodium is the key transporter that allows creatine and water to enter the muscle cell. POTASSIUM CHELATE The anti-cramp agent. Ensures neural signals fire rapidly, preventing mechanical failure during heavy lifts. MAGNESIUM The metabolic co-factor. Supports ATP production and allows muscle fibers to relax fully between contractions. TRACE MINERALS The micro-support system. Replenishes zinc and calcium lost through sweat to maintain endocrine function. /// TACTICAL F.A.Q. DOES IT CAUSE BLOAT? No. It is designed for *Intra-Cellular* hydration (inside the muscle), not *Subcutaneous* retention (under the skin). CONTAINS SUGAR? Zero sugar. We use performance-grade electrolytes without the insulin spike of cheap sports drinks. ⚠️ WARNING: High electrolyte content. Individuals on sodium-restricted diets should consult a physician. *These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease.
More you might like
Related
NutraForce Pure Hydr8 – Advanced Electrolyte Hydration Formu
Related
Vida Hydrate – Advanced Electrolyte & Cellular Hydration For
Hydrate Performance - Advanced Electrolyte and Recovery For
Related