74 lines
1.4 KiB
CSS
74 lines
1.4 KiB
CSS
.brand-mark {
|
|
width: 42px;
|
|
height: 42px;
|
|
background: linear-gradient(135deg, #2bc08a, #11704f);
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.hero-section {
|
|
background: radial-gradient(140% 120% at 25% 20%, #e9f7f0 0%, #ffffff 60%);
|
|
}
|
|
|
|
.stat-tile {
|
|
background: #eef8f5;
|
|
border: 1px solid #def3eb;
|
|
}
|
|
|
|
.hero-orb {
|
|
width: 220px;
|
|
height: 220px;
|
|
border-radius: 50%;
|
|
background: radial-gradient(circle at 30% 30%, #ffb7a6, #e06a6a 60%);
|
|
display: grid;
|
|
place-items: center;
|
|
box-shadow: 0 18px 40px rgba(223, 121, 121, 0.35);
|
|
}
|
|
|
|
.hero-orb-inner {
|
|
width: 120px;
|
|
height: 120px;
|
|
background: linear-gradient(180deg, #ffede7, #ffb9a6);
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.icon-pill {
|
|
width: 42px;
|
|
height: 42px;
|
|
border-radius: 12px;
|
|
background: #e8f5ef;
|
|
color: #0f6f52;
|
|
display: grid;
|
|
place-items: center;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.placeholder-img {
|
|
min-height: 200px;
|
|
background: linear-gradient(135deg, #c2e7d9, #9cd3c3);
|
|
}
|
|
.placeholder-img.tall { min-height: 260px; }
|
|
.placeholder-img.small { min-height: 140px; }
|
|
.placeholder-img.mailer {
|
|
min-height: 220px;
|
|
background: linear-gradient(135deg, #f6f6f6, #ffffff);
|
|
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
|
|
}
|
|
|
|
.dot {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.badge.bg-success-subtle {
|
|
background: #e8f5ef !important;
|
|
color: #0f6f52 !important;
|
|
}
|
|
|
|
.card {
|
|
border-radius: 16px;
|
|
}
|
|
|
|
.footer a { color: #fff; }
|