#header {    background: url('head.jpg') center no-repeat;    height: 528px;    width: 100%;    display: flex;    justify-content: center;    align-items: center;}h1 {    font-family: 'Playfair Display', serif;    font-size: 38px;    font-weight: 300;    text-align: center;    line-height: 1.16;    margin: 30px 0 40px;    letter-spacing: 2px;    position: relative;    background: linear-gradient(45deg, #AD7E53, #BA946D, #668D9E);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    text-shadow: 0 2px 6px rgba(255, 248, 240, 0.3),                 0 0 12px rgba(255, 248, 240, 0.1);}h1::before,h1::after {    content: "❦";     position: absolute;    font-size: 36px;    color: #D1BFA8;    top: 50%;    transform: translateY(-50%);    opacity: 0.5;}h1::before {    left: -60px;}h1::after {    right: -60px;}h1 span.underline {    position: relative;    display: inline-block;}h1 span.underline::after {    content: "";    position: absolute;    left: 0;    bottom: -6px;    width: 100%;    height: 3px;    background: linear-gradient(90deg, #AD7E53, #668D9E);    border-radius: 2px;    opacity: 0.8;}h1:hover {    background: linear-gradient(45deg, #BA946D, #AD7E53, #9C8874);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    text-shadow: 0 2px 8px rgba(255, 248, 240, 0.5),                 0 0 16px rgba(255, 248, 240, 0.15);}h2 {    font-family: 'Playfair Display', serif;    font-size: 28px;    font-weight: 300;    text-align: left;    margin: 20px 0 20px;    background: linear-gradient(45deg, #668D9E, #BA946D, #AD7E53);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    text-shadow: 0 2px 6px rgba(255, 248, 240, 0.3),                 0 0 12px rgba(255, 248, 240, 0.1);}#menu-wrapper {    margin: -10px auto;    max-width: 960px;    background-color: rgba(211, 187, 161, 0.5);    backdrop-filter: blur(6px);    border-radius: 16px;    padding: 1px 0;    box-shadow: 0 6px 18px rgba(0,0,0,0.05);}#menu {    margin: 20px auto;}#menu ul {    display: flex;    justify-content: center;    align-items: center;    list-style: none;    padding: 0;    margin: 0;    font-family: 'Playfair Display', serif;}#menu li {    margin: 0 12px; }#menu li a {    display: block;    padding: 20px 28px;    font-size: 16px;    text-transform: uppercase;    letter-spacing: 0.25em;    color: #907A63;    transition: all 0.3s ease;    border-radius: 8px;    position: relative;}#menu li a:hover {    color: #668D9E !important;    background-color: rgba(255,248,240,0.15);}#menu li a::after {    content: "";    position: absolute;    width: 0;    height: 2px;    left: 0;    bottom: 6px;    background: linear-gradient(45deg, #AD7E53, #668D9E);    transition: width 0.3s ease;}#menu li a:hover::after {    width: 100%;}#menu .current_page_item a {    color: #BA946D;    border-bottom: 2px solid #BA946D;}body {    font-family: 'Lora', serif;    font-size: 20px;    color: #4F4539;    background: url(bg.jpg) repeat;    margin: 0;    padding: 0;}#content {    width: 59%;    margin: -50px auto;    padding: 40px 20px;    text-align: justify;    letter-spacing: 0.5px;    word-spacing: 1px;    line-height: 2.2;    color: #4F4539;}.contentx {    font-family: 'Lora', serif;    font-size: 20px;    font-weight: 400;    line-height: 2.3;    margin-bottom: 32px;    text-align: justify;    color: #4F4539;    font-style: normal;    letter-spacing: 0.3px;}b, strong {    font-family: 'Playfair Display', serif;    font-weight: 600;    font-size: 21px;    letter-spacing: 0.8px;    background: linear-gradient(45deg, #AD7E53, #668D9E);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    transition: all 0.3s ease;}i, em {    font-family: 'Playfair Display', serif;    font-style: italic;    font-weight: 400;    font-size: 20px;    background: linear-gradient(45deg, #BA946D, #9C8874);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    transition: all 0.3s ease;}a {    font-family: 'Playfair Display', serif;    font-weight: 400;    font-size: 20px;    background: linear-gradient(45deg, #AD7E53, #668D9E);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    text-decoration: none;    transition: all 0.4s ease;}a:hover {    background: linear-gradient(45deg, #BA946D, #9E8C78);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    opacity: 0.9;}blockquote {    font-family: 'Lora', serif;    font-size: 22px;    font-style: italic;    line-height: 2;    color: #5B4B3A;    background-color: #ECE0D6;    padding: 26px 44px;    border-left: 10px solid #AD7E53;    border-radius: 26px;    box-shadow: 3px 3px 18px rgba(0,0,0,0.08);    margin: 40px 0;    text-align: justify;    transition: all 0.3s ease;}blockquote:hover {    background-color: #E6D6C3;}/* =========================================================================Form Fields========================================================================= */.signup-form {max-width: 650px;font-family: "Josefin Slab", serif;font-size: 21px;color: #1a4fff;margin: 0 auto;}.signup-form .form-row {display: flex;align-items: flex-start;margin-bottom: 1em;}.signup-form .form-row label {width: 180px;font-size: 16px;color: #605850;font-family: "Josefin Slab", serif;padding-top: 4px;padding-right: 10px;text-align: right;}.signup-form .right-column {max-width: 300px;display: flex;flex-direction: column;width: 100%;}.signup-form .input-label {font-family: "Josefin Slab", serif;font-size: 16px;color: #605850;display: flex;align-items: center;text-align: left;width: 100%;}.signup-form .checkbox-left {justify-content: flex-start;gap: 0.4rem;}.signup-form .password-group {display: flex;gap: 5px;}.signup-form .password-group input {width: 180px !input;}.signup-form input[type="text"],.signup-form input[type="email"],.signup-form input[type="password"],.signup-form input[type="url"],.signup-form input[type="file"],.signup-form select,.signup-form textarea {max-width: 300px;height: 48px;font-size: 21px;font-family: "Josefin Slab", serif;color: #AD7E53;background-color: #faf3ec;border: 2px solid #9C8874;border-radius: 12px;padding: 8px 10px;box-sizing: border-box;transition: all 0.3s ease;}.signup-form textarea {resize: vertical;min-height: 100px;}.signup-form input,.signup-form textarea,.signup-form select {outline: none;border-color: #9C8874;}.signup-form .radio-group {display: flex;flex-direction: column;gap: 4px;}.signup-form .checkbox-left.full-width {max-width: 300px;text-align: left;justify-content: flex-start;gap: 0.4rem;width: 100%;}.signup-form .buttons .right-column {flex-direction: row;gap: 10px;}.signup-form .buttons .right-column input {background: #fff;border: 1px solid #000;color: #AD7E53;font-size: 14px;font-family: "Josefin Slab", serif;flex: 1;padding: 8px 22px;cursor: pointer;}.signup-form .buttons .right-column input {background: #f0f0f0;color: #AD7E53;}/* =========================================================================   Copy Box    ========================================================================= */.samplelink {    width: 400px;    font-size: 16px;    text-align: center !important;    margin: 0 auto;}.copy-button {    width: 300px;    text-align: center;    font-size: 14px;    font-family: "Josefin Slab", serif;    color: #5B4B3A;    background-color: #ECE0D6;    border: 0px solid #AD7E53;    box-shadow: 3px 3px 18px rgba(0,0,0,0.08);    border-radius: 12px;    padding: 5px 0;    margin: 20px auto;  }.copy-button:hover {    background-color: #E6D6C3;    color: #5B4B3A;}.contentx {    padding: 36px;    line-height: 2;    font-size: 20px;    text-align: justify;    font-style: italic;    color: #605850;}footer {    padding: 60px 20px;    text-align: center;    font-family: 'Playfair Display', serif;    color: #907A63;    letter-spacing: 1px;}footer .divider {    width: 80px;    height: 2px;    margin: 20px auto;    border-radius: 2px;    background: linear-gradient(90deg, #AD7E53, #668D9E);    opacity: 0.8;}footer h2 {    font-family: 'Playfair Display', serif;    font-weight: 400;    font-size: 24px;    margin-bottom: 16px;    background: linear-gradient(45deg, #AD7E53, #668D9E);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    text-align: center;}footer a {    display: inline-block;    margin: 6px 12px;    font-family: 'Playfair Display', serif;    font-size: 18px;    background: linear-gradient(45deg, #AD7E53, #668D9E);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    text-decoration: none;    transition: all 0.3s ease;}footer a:hover {    background: linear-gradient(45deg, #BA946D, #9E8C78);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    opacity: 0.9;}footer p {    margin-top: 24px;    font-family: 'Lora', serif;    font-size: 16px;    color: #5B4B3A;    line-height: 1.8;}@media (max-width: 767px) {    #menu ul {        flex-direction: column;    }    #menu li {        margin: 2px 0;    }    #menu li a {        padding: 16px;        font-size: 14px;    }    #content {        width: 90%;        margin: -30px auto 40px;    }    h1 {        font-size: 42px;    }    .contentx {        font-size: 18px;    }}/* =========================================================================   Tooltips   ========================================================================= *//* usage: <span class="tooltip" data-tip="HELLO"></span> */.tooltip {  position: relative;  display: inline-block;  cursor: auto;  border-bottom: 1px dotted #333; /* the dotted underline */  text-decoration: none;          /* remove default underlines if any */}.tooltip::after {  content: attr(data-tip);  position: absolute;  left: 50%;  top: 100%;  margin-top: 6px;  transform: translateX(-50%) scale(.9);  background: #444;  color: #fff;  padding: 6px 12px;  font-size: 0.85em;  border-radius: 20px;  white-space: nowrap;  opacity: 0;  transition:    opacity 0.5s ease,    transform 0.3s ease;  z-index: 10;}.tooltip::before {  content: "";  position: absolute;  left: 50%;  top: 100%;  margin-top: 0;  transform: translateX(-50%) scale(.9);  border: 6px solid transparent;  border-bottom-color: #444;  opacity: 0;  transition:    opacity 0.5s ease,    transform 0.3s ease;  z-index: 10;}.tooltip:hover::after,.tooltip:hover::before {  opacity: 1;  transform: translateX(-50%) scale(1);}.tooltip::after,.tooltip::before {  pointer-events: none;}/* =========================================================================   Affiliates   ========================================================================= */#affiliates img {  margin: 5px !important;  padding: 0px;}#affiliates {  margin: 0 auto;  text-align: center;  width: 350px;}