Contact Us
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Member Access | POWERCUBE</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
/* --- POWERCUBE BRAND GUIDELINES --- */
:root {
--pc-black: #000000;
--pc-dark-gray: #111111;
--pc-card-gray: #1a1a1a;
--pc-offwhite: #F5F5F5;
--pc-text-gray: #B0B0B0;
--pc-accent: #98AE97; /* Healing Aloe */
}
* { box-sizing: border-box; }
html, body {
margin: 0; padding: 0;
width: 100%;
height: 100%; /* Full height for login page */
background-color: var(--pc-black);
color: var(--pc-offwhite);
font-family: 'Helvetica Now Display', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
overflow: hidden; /* Prevent scrolling on desktop */
}
/* --- LAYOUT: Split Screen --- */
.split-container {
display: flex;
width: 100%;
height: 100vh;
}
/* --- LEFT SIDE: Visual/Video --- */
.side-visual {
flex: 1;
position: relative;
overflow: hidden;
background: var(--pc-dark-gray);
display: flex;
align-items: center;
justify-content: center;
}
.video-overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.4); /* Darken video slightly for vibe */
z-index: 2;
}
.bg-video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
object-fit: cover;
transform: translate(-50%, -50%);
z-index: 1;
}
/* --- RIGHT SIDE: Login Form --- */
.side-login {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px;
background-color: var(--pc-black);
position: relative;
}
.login-wrapper {
width: 100%;
max-width: 400px;
text-align: center;
}
/* --- TYPOGRAPHY --- */
h1 {
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.02em;
margin: 0 0 10px 0;
font-size: 32px;
color: var(--pc-offwhite);
}
p.subtitle {
color: var(--pc-text-gray);
font-size: 16px;
margin-bottom: 40px;
line-height: 1.5;
}
/* --- BRANDED WIDGET STYLING --- */
/* We are targeting the class inside the widget specifically */
.widget-container {
margin-top: 20px;
}
/* This targets the Link generated by Mindbody */
a.healcode-login-register-text-link {
display: block !important;
width: 100%;
background-color: var(--pc-accent);
color: var(--pc-black) !important;
padding: 18px 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: 800;
font-size: 14px;
letter-spacing: 0.05em;
transition: all 0.3s ease;
border: 1px solid var(--pc-accent);
cursor: pointer;
}
a.healcode-login-register-text-link:hover {
background-color: transparent;
color: var(--pc-accent) !important;
}
/* --- DECORATION --- */
.logo-mark {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.2em;
color: var(--pc-accent);
margin-bottom: 20px;
display: block;
}
.divider {
height: 1px;
background: #222;
width: 100%;
margin: 40px 0;
}
.footer-links {
font-size: 12px;
color: #555;
}
.footer-links a { color: #777; transition: color 0.2s; }
.footer-links a:hover { color: var(--pc-accent); }
/* --- RESPONSIVE --- */
@media (max-width: 900px) {
.split-container { flex-direction: column; }
html, body { overflow: auto; } /* Allow scroll on mobile */
.side-visual {
height: 30vh; /* Video takes top 30% */
flex: none;
}
.side-login {
flex: 1;
padding: 60px 20px;
}
}
</style>
</head>
<body>
<div class="split-container">
<div class="side-visual">
<div class="video-overlay"></div>
<video class="bg-video" autoplay loop muted playsinline poster="https://cdn.shopify.com/s/files/1/0892/6635/6555/files/DSC03227_1_2.jpg?v=1764757884">
<source src="https://cdn.shopify.com/videos/c/o/v/22021989996b42659f72748b97ff250a.mp4" type="video/mp4">
</video>
</div>
<div class="side-login">
<div class="login-wrapper">
<span class="logo-mark">Performance Lab</span>
<h1>Member Access</h1>
<p class="subtitle">
Welcome back to the Powercube.<br>
Manage your schedule and bookings.
</p>
<div class="widget-container">
<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>
<healcode-widget
data-version="0.2"
data-link-class="healcode-login-register-text-link"
data-site-id="128708"
data-mb-site-id="5747484"
data-bw-identity-site="true"
data-type="account-link"
data-inner-html="Login / Register"
/>
</div>
<div class="divider"></div>
<div class="footer-links">
<a href="/">Back to Home</a> |
<a href="mailto:info@power-cube.ch">Need Help?</a>
</div>
</div>
</div>
</div>
</body>
</html>
Contact form
We are located in the Eaux-Vives Commercial Center on the Ground Floor (Level -1).
- Terrassière Entrance — open 06:20 – 20:30
- Rue de Jargonnant Entrance — open 09:00 – 19:00
Tel / Whatsapp: +41 76 842 23 24
Email: info@power-cube.ch