FRAP
REJOINDRE LE CLUB FRAP
Notre écosystème n’accueille aucun amateur. Si vous êtes un combattant pro, semi-pro, manager, coach élite ou un sponsor qualifié, soumettez votre profil pour rejoindre la communauté fermée.
Fighter Professionnel
Fighter Semi-Pro
Manager / Agent
Coach / Team Leader
Sponsor / Marque
@import url(‘https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=Inter:wght@400;500;700;800&display=swap’);
body, html, #page, #content, .site, .site-content, #primary, #main, .site-header, .site-footer, .site-inner, .content-area, main {
background-color: #020203 !important;
background: #020203 !important;
color: #9ea2ae !important;
font-family: ‘Inter’, sans-serif !important;
}
/* — HEADER — */
.frap-header {
background-color: rgba(2, 2, 3, 0.85);
backdrop-filter: blur(16px);
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 60px;
}
.frap-logo-wrap {
display: flex;
align-items: center;
gap: 16px;
}
.frap-badge-pro {
background-color: #ffffff;
color: #020203;
font-family: ‘Outfit’, sans-serif;
font-weight: 900;
font-size: 9px;
padding: 3px 8px;
letter-spacing: 2px;
text-transform: uppercase;
}
.frap-logo {
font-size: 22px;
font-weight: 900;
letter-spacing: 5px;
text-transform: uppercase;
}
.frap-nav {
display: flex;
gap: 35px;
align-items: center;
}
.frap-nav .nav-item {
color: #4e5058 !important;
font-family: ‘Outfit’, sans-serif !important;
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none !important;
position: relative;
padding: 6px 0;
transition: all 0.3s ease;
}
.frap-nav .nav-item::after {
content: »;
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #ff2a3a;
transition: width 0.3s ease;
}
.frap-nav .nav-item:hover, .frap-nav .nav-item.active {
color: #ffffff !important;
}
.frap-nav .nav-item.active::after {
width: 100%;
}
.frap-nav .nav-item:hover::after {
width: 100%;
}
.frap-btn-outline {
background: none;
border: 1px solid #ffffff;
color: #ffffff !important;
font-family: ‘Outfit’, sans-serif;
font-size: 10px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
padding: 12px 28px;
cursor: pointer;
transition: all 0.3s ease;
}
.frap-btn-outline:hover, .frap-btn-outline.active {
background-color: #ffffff;
color: #020203 !important;
}
/* — FORM LAYOUT — */
.frap-page-wrap {
padding: 80px 40px;
position: relative;
overflow: hidden;
}
.frap-glow-1 {
position: absolute;
top: -10%;
left: 20%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(255, 42, 58, 0.05) 0%, transparent 70%);
pointer-events: none;
}
.frap-glow-2 {
position: absolute;
top: 50%;
right: 15%;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(255, 42, 58, 0.03) 0%, transparent 70%);
pointer-events: none;
}
.frap-form-container {
max-width: 680px;
margin: 0 auto;
position: relative;
z-index: 10;
}
.frap-form-card {
background-color: #08080a;
border: 1px solid rgba(255, 255, 255, 0.04);
padding: 60px;
display: flex;
flex-direction: column;
gap: 32px;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);
}
.frap-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.frap-form-group {
display: flex;
flex-direction: column;
gap: 10px;
}
.frap-input, .frap-textarea {
width: 100%;
background-color: #020203;
border: 1px solid rgba(255, 255, 255, 0.04);
padding: 16px 20px;
font-size: 13.5px;
color: #ffffff;
font-family: ‘Inter’, sans-serif;
}
.frap-input:focus, .frap-textarea:focus {
outline: none;
border-color: #ff2a3a;
}
.frap-textarea {
resize: none;
}
.frap-select-label {
font-family: ‘Outfit’, sans-serif;
font-size: 10px;
font-weight: 900;
letter-spacing: 2px;
color: #4e5058;
text-transform: uppercase;
display: block;
}
.frap-select {
width: 100%;
background-color: #020203;
border: 1px solid rgba(255, 255, 255, 0.04);
padding: 16px;
font-size: 13.5px;
color: #9ea2ae;
font-family: ‘Inter’, sans-serif;
}
.frap-select:focus {
outline: none;
border-color: #ff2a3a;
}
.frap-btn-primary {
background-color: #ff2a3a;
color: #ffffff;
font-family: ‘Outfit’, sans-serif;
font-size: 11px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
padding: 16px 36px;
border: none;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.frap-btn-primary:hover {
background-color: #ffffff;
color: #020203;
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(255, 42, 58, 0.15);
}
.frap-success-card {
background-color: #08080a;
border: 1px solid #ff2a3a;
padding: 60px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 20px;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);
}
@media (max-width: 768px) {
.frap-form-grid {
grid-template-columns: 1fr;
}
.frap-form-card {
padding: 30px;
}
}
(function() {
function init() {
const form = document.getElementById(« frap-club-form »);
if (!form) return;
form.addEventListener(« submit », function(e) {
e.preventDefault();
const nameVal = document.getElementById(« form-name »).value;
const cardWrap = document.getElementById(« frap-form-card-wrap »);
if (cardWrap) {
cardWrap.innerHTML = `
CANDIDATURE ENREGISTRÉE
Merci ${nameVal}. Nos équipes de vetting vont analyser vos statistiques de combat ou votre statut d’organisation sous 48 heures. Vous recevrez une invitation chiffrée par email.
`;
}
});
}
if (document.readyState === « loading ») {
document.addEventListener(« DOMContentLoaded », init);
} else {
init();
}
})();