About Us
Welcome to the world of P2P crypto trading! We are a team of professionals who believe in financial freedom and the power of decentralized transactions.
We are here to:
- Turn your crypto dream into reality!
- Connect traders and investors directly, without unnecessary intermediaries.
- Open the doors to a world where you control your assets and choose who to trade with!
Our values:
- Trust First: We build strong relationships with our clients based on honesty and transparency so that everyone can feel safe.
- Transparency at Every Step: No hidden terms — only honest information about trading processes and transactions.
- Innovation Without Limits: We are constantly seeking and implementing new technologies to enhance user experience and offer the best solutions on the market.
- Accessibility for All: By making cryptocurrency trading simple and intuitive, we expand opportunities for everyone, regardless of experience.
- Support When You Need It: Our team is always available to assist and answer any questions, providing continuous support for our users.
Join us!
Together, we will make crypto trading more open and accessible for all!
*/
body {
background-image: url(../assets/img/bg-01.png);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
margin: 0;
}
/* Infinity (lemniscate) subtle motion overlay
- Uses a translucent radial-gradient overlay that follows a lemniscate path via transform
- Respects prefers-reduced-motion
- Tunable via CSS variables below
*/
:root {
--bg-anim-duration: 14s; /* a bit faster for more motion */
--bg-anim-ease: ease-in-out;
--bg-anim-opacity: 0.28; /* stronger overlay to be more visible */
--bg-anim-scale: 2.1; /* larger gradient for broader strokes */
--bg-anim-color: 220, 230, 255; /* soft bluish tint (r,g,b) */
--white-clr: #FFFFFF;
--grey-clr: #888888;
--clr-up-ul: #F0F0F0;
--black-for-txt: #000000;
--font-inter: 'Inter', sans-serif;
--nun-sans: 'Nunito Sans', sans-serif;
}
body::before {
content: "";
position: fixed;
inset: 0; /* full-viewport */
pointer-events: none;
/* use a soft bluish highlight that blends nicely with the dark background */
background: radial-gradient(closest-side, rgba(var(--bg-anim-color), var(--bg-anim-opacity)), rgba(255,255,255,0) 60%);
mix-blend-mode: screen; /* brightens the dark bg */
opacity: 1;
transform-origin: 50% 50%;
will-change: transform;
z-index: 0; /* behind content (header/body-section use positive stacking if needed) */
background-size: calc(60% * var(--bg-anim-scale)) calc(60% * var(--bg-anim-scale));
background-repeat: no-repeat;
display: block;
animation: lemniscate var(--bg-anim-duration) var(--bg-anim-ease) infinite;
}
/* Ensure content sits above the overlay */
header,
.body-section {
position: relative;
z-index: 1;
}
@keyframes lemniscate {
/* Stronger amplitudes to make the stroke more visible across the viewport */
0% { transform: translate(-10vw, -4vh) rotate(0deg) scale(1); }
12% { transform: translate(-4vw, -10vh) rotate(8deg) scale(1.03); }
25% { transform: translate(10vw, -4vh) rotate(0deg) scale(1.05); }
37% { transform: translate(4vw, 10vh) rotate(-8deg) scale(1.03); }
50% { transform: translate(-10vw, 4vh) rotate(0deg) scale(1); }
62% { transform: translate(-4vw, -10vh) rotate(8deg) scale(1.03); }
75% { transform: translate(10vw, -4vh) rotate(0deg) scale(1.05); }
87% { transform: translate(4vw, 10vh) rotate(-8deg) scale(1.03); }
100% { transform: translate(-10vw, -4vh) rotate(0deg) scale(1); }
}
/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
body::before {
animation: none;
opacity: 0.08;
}
}
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
margin: 0 100px;
}
header nav a {
font-family: var(--font-inter);
font-style: Medium;
font-size: 26.29px;
line-height: 100%;
letter-spacing: 1%;
text-align: center;
vertical-align: middle;
margin: 0 35px;
text-decoration: none;
font-weight: bold;
color: var(--white-clr);
}
header nav a.active {
text-shadow: 0 0 14px #fff,
0 0 30px #fff,
0 0 10px #999;
}
header nav a:hover {
cursor: pointer;
text-shadow: 0 0 20px #9999998f,
0 0 20px #9999998f,
0 0 20px #9999998f;
}
header button {
background-color: var(--white-clr);
font-family: var(--font-inter);
font-weight: 500;
font-style: Medium;
font-size: 25.68px;
line-height: 100%;
letter-spacing: 1%;
text-align: center;
vertical-align: middle;
color: var(--black-for-txt);
padding: 10px 40px;
border: 2px solid var(--white-clr);
border-radius: 8px;
}
header button:hover {
background-color: #dddddd;
border: 2px solid #dddddd;
cursor: pointer;
}
body .body-section {
max-width: 1200px;
margin: 10px auto;
padding: 20px;
border-radius: 10px;
font-family: var(--font-inter);
}
body .body-section h1 {
font-family: var(--nun-sans);
font-weight: 400;
font-style: Regular;
font-size: 90px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: uppercase;
color: var(--white-clr);
}
body .body-section p {
font-family: var(--nun-sans);
font-weight: 400;
font-style: Regular;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
color: var(--clr-up-ul);
}
body .body-section ul {
font-family: var(--nun-sans);
font-weight: 400;
font-style: Regular;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
color: var(--grey-clr);
}