Votre compte chez United Credit
Des comptes pour particuliers et professionnels
Choisissez le compte qui vous convient et profitez de services financiers complets, sécurisés et de proximité. Que ce soit pour épargner, gérer vos revenus au quotidien ou propulser votre entreprise, United Credit vous offre un accompagnement sur-mesure et adapté à toutes vos ambitions.
.uc-credit-amort-container {
--primary-blue: #1b65e7;
--primary-dark: #0f172a;
--forest-green: #059669;
--bg-card: rgba(255, 255, 255, 0.95);
--text-main: #1e293b;
--text-muted: #475569;
--shadow-glass: 0 15px 35px rgba(0, 0, 0, 0.08);
--radius: 20px;
width: 100%;
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
box-sizing: border-box;
display: grid;
/* Carte à 70% (1.7fr) et Image à 30% (0.75fr) */
grid-template-columns: 1.7fr 0.75fr;
gap: 32px;
align-items: center;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
/* Conteneur avec animation de bordure tournante */
.uc-card-border-wrapper {
position: relative;
border-radius: calc(var(--radius) + 3px);
padding: 3px;
overflow: hidden;
box-shadow: var(--shadow-glass);
transition: transform 0.35s ease, box-shadow 0.35s ease;
width: 100%;
box-sizing: border-box;
}
.uc-card-border-wrapper::before {
content: '';
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
background: conic-gradient(
from 0deg,
transparent 0deg 180deg,
var(--primary-dark) 220deg,
var(--primary-blue) 270deg,
var(--forest-green) 320deg,
var(--primary-dark) 360deg
);
animation: ucRotateBorder 6s linear infinite;
z-index: 0;
}
@keyframes ucRotateBorder {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.uc-card-border-wrapper:hover {
transform: translateY(-6px);
box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18);
}
/* Structure de la carte principale */
.uc-amort-card {
position: relative;
z-index: 1;
background: var(--bg-card);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-radius: var(--radius);
padding: 56px 52px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
/* Icône */
.uc-card-icon-box {
width: 68px;
height: 68px;
background: rgba(239, 246, 255, 0.95);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
transition: transform 0.3s ease;
}
.uc-card-border-wrapper:hover .uc-card-icon-box {
transform: scale(1.08) rotate(-4deg);
background: #dbeafe;
}
.uc-card-icon-box svg {
width: 36px;
height: 36px;
stroke: var(--primary-blue);
}
/* Typographie */
.uc-card-main-title {
font-size: 2.6rem;
font-weight: 800;
color: var(--primary-dark);
margin: 0 0 10px 0;
line-height: 1.2;
}
.uc-card-subheading {
color: var(--forest-green);
font-weight: 700;
font-size: 1.35rem;
margin-bottom: 18px;
line-height: 1.4;
}
.uc-card-description {
color: var(--text-muted);
font-size: 1.2rem;
line-height: 1.65;
margin-bottom: 32px;
}
/* Liste à puces avec coches */
.uc-feature-list {
list-style: none !important;
padding: 0 !important;
margin: 0 0 36px 0 !important;
display: flex;
flex-direction: column;
gap: 16px;
}
.uc-feature-item {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.18rem;
font-weight: 600;
color: var(--text-main);
transition: transform 0.25s ease;
}
.uc-feature-item:hover {
transform: translateX(6px);
}
.uc-feature-check {
width: 28px;
height: 28px;
background-color: rgba(209, 250, 229, 0.95);
color: var(--forest-green);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 1rem;
flex-shrink: 0;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.uc-feature-item:hover .uc-feature-check {
transform: scale(1.15);
background-color: var(--forest-green);
color: #ffffff;
}
/* Bouton d'action */
.uc-card-btn {
background-color: var(--primary-blue);
color: #ffffff !important;
text-decoration: none !important;
text-align: center;
padding: 16px 40px;
border-radius: 12px;
font-weight: 700;
font-size: 1.15rem;
display: inline-block;
align-self: flex-start;
transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 14px rgba(27, 101, 231, 0.28);
}
.uc-card-btn:hover {
background-color: #1251c4;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(27, 101, 231, 0.4);
}
/* Conteneur d'image compact */
.uc-image-box {
position: relative;
width: 100%;
height: 100%;
max-height: 420px;
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow-glass);
}
.uc-image-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: var(--radius);
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.uc-image-box:hover img {
transform: scale(1.04);
}
/* Responsive pour tablettes et mobiles */
@media (max-width: 900px) {
.uc-credit-amort-container {
grid-template-columns: 1fr;
gap: 32px;
}
.uc-image-box {
max-height: 300px;
}
.uc-amort-card {
padding: 36px 24px;
}
.uc-card-btn {
width: 100%;
text-align: center;
}
}
Crédit Amortissable
Donnez à vos projets les moyens d’aller plus loin.
Financez vos projets personnels ou professionnels grâce à une solution de remboursement adaptée à la durée de votre besoin.
- ✓ Court, moyen et long terme
- ✓ Financement adapté à votre projet
- ✓ Remboursements échelonnés
Open your account from anywhere in the world
An account, designed for you
Power up your business and personal life with a full-stack online bank account that fits your needs.
Sales
sales@bankio.com
Help & Support
supports@bankio.com
Media & Press
media@bankio.com
If you have question,we have answer
Frequently asked questions
Get answers to all questions you have and boost your knowledge so you can save, invest and spend smarter. See all questions here!
Ready to get started?
It only takes a few minutes to register your FREE Bankio account.
