html, body {    height: 100%;    margin:0;}body {    background:#F8F8F8;    overflow-x:hidden;    font-family: "Lora", serif;}#menu-wrapper {    margin-top: 0px;    width: 100%;    display: flex;    justify-content: center;}#menu ul {    text-align: center;    padding: 0;    margin: 0;    list-style: none;    font-family: 'Playfair Display', serif !important;}#menu li {    display: inline-block;    margin: 0 18px;}#menu li a,#menu li span {    padding: 18px 10px;    letter-spacing: 0.22em;    text-decoration: none;    text-transform: uppercase;    font-size: 14px;    color: #0b3c8c;    position: relative;    transition: all 0.35s ease;}#menu li a::after {    content: "";    position: absolute;    left: 50%;    bottom: 4px;    width: 0%;    height: 3px;    background: linear-gradient(        90deg,        #ff3b3b,        #2196f3,        #2ecc71    );    transform: translateX(-50%);    transition: width 0.4s ease;}#menu li:hover a {    color: #000;}#menu li:hover a::after {    width: 80%;}#menu .current_page_item a {    color: #000;}#menu .current_page_item a::after {    width: 80%;}#header {    background-image: url('head.jpg');    background-repeat: no-repeat;    background-position: center;    height:623px;    width:100%;    margin-top:-5px;}a:link,a:visited {    color: #1a4fff;    font-size: 21px;    font-family: "Lora", serif;    letter-spacing: 4px;    text-decoration: none;    background-image: linear-gradient(        to right,        transparent,        #ff3b3b,        #2196f3,        #2ecc71,        transparent    );    background-repeat: no-repeat;    background-size: 100% 3px;    background-position: 0 100%;    transition: all 0.4s ease;}a:hover {    color: #000;    background-size: 100% 5px;}b {    color: #2196f3;    font-size:21px;    letter-spacing:4px;    border-bottom: dashed 3px #2196f3;}i {    color: #e53935;    font-size:21px;    letter-spacing:4px;    border-bottom: dashed 3px #2ecc71;}#content {    margin-top:50px;    padding-bottom:10px;    position: relative;    width:62%;}.contentx{    padding:34px;    line-height:38px;    font-size:21px;    text-align:justify;    color:#222;    opacity:0.7;    border-radius:12px;    margin-bottom:20px;    box-shadow: 0 6px 20px rgba(0,0,0,0.08);}blockquote {    width:70%;    margin:80px auto;    padding:40px 50px;    font-size:22px;    line-height:1.7;    font-style:italic;    color:#222;    background:        linear-gradient(            135deg,            rgba(255,255,255,0.95),            rgba(250,250,250,0.85)        );    border-left:8px solid transparent;    border-image:        linear-gradient(            180deg,            #ff3b3b,            #2196f3,            #2ecc71        ) 1;    border-radius:18px;    position:relative;    box-shadow:        0 15px 40px rgba(0,0,0,0.12),        0 0 18px rgba(33,150,243,0.15);    transition:all .35s ease;}blockquote::before{    content:"“";    position:absolute;    left:-20px;    top:-30px;    font-size:90px;    color:#2196f3;    opacity:.25;}blockquote::after{    content:"”";    position:absolute;    right:10px;    bottom:-40px;    font-size:90px;    color:#ff3b3b;    opacity:.25;}blockquote:hover{    transform:translateY(-4px);    box-shadow:        0 25px 60px rgba(0,0,0,0.18),        0 0 30px rgba(33,150,243,0.25);}h1 {    font-family: "Josefin Slab", serif;    line-height:40px;    font-size: 33px;    letter-spacing: 2px;    background: linear-gradient(        90deg,        #ff3b3b,        #2196f3,        #2ecc71    );    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}h2 {    font-family: "Josefin Slab", serif;    line-height:40px;    font-size: 28px;    letter-spacing: 2px;    background: linear-gradient(        90deg,        #2196f3,        #ff3b3b,        #2ecc71    );    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}h3 {    font-family: "Josefin Slab", serif;    line-height:40px;    font-size: 24px;    letter-spacing: 2px;    background: linear-gradient(        90deg,        #2ecc71,        #ff3b3b,        #2196f3    );    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}h4 {    font-family: "Josefin Slab", serif;    margin: 0;    padding: 0;    font-size: 22px;    letter-spacing: 2px;    background: linear-gradient(        90deg,        #2ecc71,        #ff3b3b,        #2196f3    );    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}/* =========================================================================   Forms CSS   ========================================================================= */.signup-form {max-width: 650px;font-family: "Lora", 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: #e53935;font-family: "Lora", 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: "Lora", serif;font-size: 16px;color: #e53935;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: "Lora", serif;color: #000;background-color: #fff;border: 2px solid #2196f3;border-radius: 20px;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: #2ecc71;box-shadow: 0 0 10px rgba(46,204,113,0.4);}.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: #000;font-size: 14px;font-family: "Lora", serif;flex: 1;padding: 8px 22px;cursor: pointer;}.signup-form .buttons .right-column input {background: #f0f0f0;color: #000;}/* =========================================================================   Copy Box Button   ========================================================================= */.samplelink {    margin-bottom: 20px !important;}.copy-button {max-width: 300px;height: 48px;font-size: 21px;font-family: "Josefin Slab", serif;color: #ff3b3b;background-color: #fff;border: 2px solid #2196f3;border-radius: 20px;box-sizing: border-box;transition: all 0.3s ease;margin: 0 auto;text-align: center;  }.copy-button:hover {  color: #2196f3;  letter-spacing: 2px;}footer {    width: 100%;    margin-top: 120px;    padding: 40px 0;    text-align: center;    color: #444;    letter-spacing: 2px;}footer::before {    content: "";    display: block;    width: 320px;    height: 2px;    margin: 0 auto 18px auto;    background: linear-gradient(        90deg,        #ff3b3b,        #2196f3,        #2ecc71    );}footer::after {    content: "✦";    display: block;    margin-top: 18px;    font-size: 16px;    color: #2196f3;}footer a {    color: #2196f3;    text-decoration: none;    margin: 0 10px;    font-size: 13px !important;}footer a:hover {    color: #ff3b3b;}.footer-bottom {    margin-top: 18px;    font-size: 13px;    opacity: 0.8;}@media (max-width: 1024px) {#content {    width:85%;}.contentx {    padding:30px;    font-size:20px;    line-height:34px;}blockquote {    width:85%;    padding:30px;}#menu li {    margin:0 10px;}#menu li a {    font-size:13px;    letter-spacing:0.18em;}h1 {    font-size:40px;    line-height:48px;}.contentx input,.contentx textarea,.contentx select {    width:70%;}}@media (max-width: 768px) {#menu-wrapper {    flex-direction:column;}#menu li {    display:block;    margin:6px 0;}#content {    width:92%;}.contentx {    padding:24px;    font-size:19px;    line-height:32px;}blockquote {    width:100%;    margin:50px auto;    padding:24px;}blockquote::before,blockquote::after {    font-size:60px;}h1 {    font-size:34px;    line-height:40px;}.contentx input,.contentx textarea,.contentx select {    width:100%;}}@media (max-width: 480px) {body {    font-size:16px;}#content {    width:95%;}.contentx {    padding:20px;    font-size:18px;    line-height:30px;}h1 {    font-size:28px;    line-height:34px;}#menu li a {    font-size:12px;    letter-spacing:0.15em;}blockquote {    padding:20px;}blockquote::before,blockquote::after {    display:none;}footer {    padding:30px 10px;}}/* =========================================================================   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: 400px;}