Speak like the version of you who attracts wealth effortlessly
Your words shape your relationship with money. Get my free guide, 10 Things Wealthy People Say Differently, and discover the simple shifts that can help you become more magnetic to money, attract greater cash flow with ease and make abundance feel natural, available and expected.
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,[email protected],400;6..96,500&family=DM+Sans:opsz,[email protected],400;9..40,500;9..40,600&display=swap');
/* =========================
MONEY GUIDE LANDING PAGE
========================= */
body {
background: #fbf7f8 !important;
color: #1f1b1c !important;
font-family: "DM Sans", sans-serif !important;
}
/* Give the page more breathing room */
main,
.main-content,
.content-wrapper {
max-width: 1180px;
margin: 0 auto;
}
/* MAIN HEADLINE */
h1 {
font-family: "Bodoni Moda", serif !important;
font-weight: 400 !important;
color: #681225 !important;
font-size: clamp(48px, 6vw, 82px) !important;
line-height: 0.98 !important;
letter-spacing: -0.035em !important;
max-width: 950px;
margin-bottom: 28px !important;
}
/* BODY COPY */
p {
font-family: "DM Sans", sans-serif !important;
font-size: 18px !important;
line-height: 1.7 !important;
color: #494144 !important;
}
/* Give the main intro paragraph a luxury editorial width */
h1 + p,
h1 ~ p {
max-width: 760px;
}
/* FORM */
form {
background: #ffffff !important;
border: 1px solid #eadde1 !important;
border-radius: 22px !important;
padding: 34px !important;
margin-top: 34px !important;
box-shadow:
0 18px 55px rgba(75, 20, 36, 0.08) !important;
}
/* INPUTS */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
width: 100% !important;
min-height: 58px !important;
background: #fdfafb !important;
border: 1px solid #d9c8ce !important;
border-radius: 10px !important;
padding: 0 18px !important;
font-family: "DM Sans", sans-serif !important;
font-size: 16px !important;
color: #221d1f !important;
box-shadow: none !important;
transition: all 0.25s ease !important;
}
/* FIELD FOCUS */
input:focus,
textarea:focus,
select:focus {
border-color: #681225 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(104, 18, 37, 0.08) !important;
}
/* PLACEHOLDER */
input::placeholder,
textarea::placeholder {
color: #8e8185 !important;
opacity: 1 !important;
}
/* BUTTON */
button,
input[type="submit"],
.btn,
.btn-primary {
background: #681225 !important;
color: #ffffff !important;
border: 1px solid #681225 !important;
border-radius: 999px !important;
min-height: 60px !important;
padding: 16px 32px !important;
font-family: "DM Sans", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
box-shadow: none !important;
transition:
background 0.25s ease,
transform 0.25s ease !important;
}
/* BUTTON HOVER */
button:hover,
input[type="submit"]:hover,
.btn:hover,
.btn-primary:hover {
background: #4e0c1b !important;
border-color: #4e0c1b !important;
transform: translateY(-2px);
}
/* DIVIDERS */
hr {
border: 0 !important;
border-top: 1px solid #bda4ac !important;
max-width: 100px;
margin: 26px 0 !important;
}
/* REMOVE DEFAULT HEAVY SHADOWS / GREY AREAS */
section {
box-shadow: none !important;
}
/* MOBILE */
@media (max-width: 767px) {
h1 {
font-size: 46px !important;
line-height: 1 !important;
letter-spacing: -0.03em !important;
}
p {
font-size: 16px !important;
line-height: 1.6 !important;
}
form {
padding: 24px 20px !important;
border-radius: 18px !important;
}
button,
input[type="submit"],
.btn,
.btn-primary {
width: 100% !important;
}
}
