html, body {     height: 100%;     margin:0;} body {     background-color:#190D1A;     overflow-x:hidden;font-family: "Lora", serif;}#menu-wrapper {    margin-top: -104px;    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 {    display: inline-block;    padding: 18px 10px;    letter-spacing: 0.22em;    text-decoration: none;    text-transform: uppercase;    font-size: 14px;    color: #aeb7e6;    text-shadow: 0 0 6px rgba(120,140,255,0.25);    position: relative;    transition: all 0.35s ease;}#menu li a::after {    content: "";    position: absolute;    left: 50%;    bottom: 4px;    width: 0%;    height: 2px;    background: linear-gradient(        90deg,        transparent,        #aab3ff,        #6f7cff,        #aab3ff,        transparent    );    transform: translateX(-50%);    transition: width 0.4s ease;}#menu li:hover a {    color: #e6ebff;    text-shadow: 0 0 12px rgba(150,170,255,0.6);}#menu li:hover a::after {    width: 80%;}#menu .current_page_item a {    color: #ffffff;    text-shadow: 0 0 14px rgba(170,190,255,0.8);}#menu .current_page_item a::after {    width: 80%;} #header {     background-image: url('head.jpg');     background-repeat: no-repeat;     background-position: center;     height:646px;     width:100%;     margin-top:-5px;}a:link:not(:has(img)),a:visited:not(:has(img)) {    color: #9aa6ff;    font-size: 21px;    font-family: "Lora", serif;    font-weight: 100 !important;    letter-spacing: 4px;    padding: 3px;    line-height: 1.2;    text-decoration: none;    background-image: linear-gradient(        to right,        transparent 0%,        #5f6cff 30%,        #aab3ff 50%,        #5f6cff 70%,        transparent 100%    );    background-repeat: no-repeat;    background-size: 100% 3px;    background-position: 0 100%;    border-radius: 4px;    transition: all 0.4s ease;}a:hover {    color: #ffffff;    background-image: linear-gradient(        to right,        transparent 0%,        #6f7cff 30%,        #c6d0ff 50%,        #6f7cff 70%,        transparent 100%    );    background-size: 100% 5px;} b {     color: #555BE3;     line-height:33px;     font-size:21px;     letter-spacing:4px;     border-bottom: dashed 3px #555BE3;     font-family: "Lora", serif;} i {     color: #555BE3;     line-height:33px;     border-bottom: dashed 3px #ffffff;     font-size:21px;     font-family: "Lora", serif;     letter-spacing:4px;} #content {     margin-top:0px;    padding-bottom:10px;     position: relative;     float: center;     width:71%;} .contentx{     padding:34px;     margin-left:0px;     margin-right:0px;     line-height:38px;     font-size:21px;     font-family: "Lora", serif;     font-weight: 400!important;     text-align:justify;     color:#ffffff;     margin-bottom:20px;     text-shadow: 0px 2px 3px #000000;     opacity:0.9;}blockquote {    width: 40%;    margin: 40px auto;    padding: 18px 22px;    color: #d6dcff;    font-style: italic;    text-align: justify;    background:        repeating-linear-gradient(            135deg,            rgba(120,140,255,0.08) 0px,            rgba(120,140,255,0.08) 6px,            rgba(10,15,75,0.9) 6px,            rgba(10,15,75,0.9) 18px        );    border-left: 4px solid #8f9cff;    border-radius: 18px;    box-shadow: 0 0 14px rgba(120,140,255,0.25);    line-height: 1.6;    font-family: "Lora", serif;    transition: all 0.35s ease;}blockquote:hover {    box-shadow: 0 0 22px rgba(150,170,255,0.45);}h1, h2, h3 {    color: #a9b4ff;    font-family: "Josefin Slab", serif;    letter-spacing: 2px;    padding: 22px 0;    opacity: 0.95;    background: linear-gradient(90deg, #8f9cff, #c6d0ff, #8f9cff);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    text-shadow:        0 0 6px rgba(120,140,255,0.5),        0 0 14px rgba(80,100,255,0.35);    animation: spaceGlow 6s ease-in-out infinite;}h1 {    font-size: 46px;    padding: 20px 0;}h2 {    font-size: 30px;    padding: 10px 0;}h3 {    font-size: 22px;    padding: 5px 0;}@keyframes spaceGlow {    0% {        text-shadow: 0 0 6px rgba(120,140,255,0.5);    }    50% {        text-shadow: 0 0 20px rgba(120,140,255,0.8);    }    100% {        text-shadow: 0 0 6px rgba(120,140,255,0.5);    }}footer {    width: 100%;    margin-top: 10px;    padding: 40px 0;    text-align: center;    font-family: "Lora", serif;    color: #aab3ff;    letter-spacing: 2px;    position: relative;}footer::before {    content: "";    display: block;    width: 320px;    height: 1px;    margin: 0 auto 18px auto;    background: linear-gradient(        90deg,        transparent,        #8f9cff,        #c6d0ff,        #8f9cff,        transparent    );    box-shadow: 0 0 10px rgba(150,170,255,0.4);}footer::after {    content: "✦";    display: block;    margin-top: 18px;    font-size: 16px;    color: #c6d0ff;    text-shadow: 0 0 10px rgba(160,180,255,0.8);}footer a {    color: #aeb7e6;    text-decoration: none;    margin: 0 5px;        font-size: 13px !important;    transition: all 0.3s ease;    background-size: 100% 1px !important;}footer a:hover {        font-size: 13px;    color: #ffffff;    text-shadow: 0 0 10px rgba(160,180,255,0.8);}.footer-bottom {    margin-top: 18px;    font-size: 13px;    letter-spacing: 1.5px;    opacity: 0.8;}.codesort p {  width: 560px;  margin: 0 0 10px 40px;  text-align: left;}/* =========================================================================   Forms CSS   ========================================================================= */.signup-form {  max-width: 800px;    font-family: "Lora", serif;    font-size: 21px;    color: #a8caff;  margin: 0 auto;}.signup-form .form-row {  display: flex;  align-items: flex-start;  margin-bottom: 12px;}.signup-form .form-row label {  width: 180px;    font-family: "Lora", serif;    font-size: 18px;    color: #a8caff;  padding-top: 8px;  padding-right: 10px;  text-align: right;}.signup-form .right-column {  max-width: 600px;  display: flex;  flex-direction: column;  width: 100%;}.signup-form .input-label {    font-family: "Lora", serif;    font-size: 18px;    color: #a8caff;  display: flex;  align-items: center;  text-align: left;  width: 100%;}.signup-form .checkbox-left {  justify-content: flex-start;  gap: 6px;}.signup-form .password-group {  display: flex;  gap: 10px;}.signup-form .password-group input {  width: 140px;}.signup-form input[type="text"],.signup-form input[type="email"],.signup-form input[type="password"],.signup-form input[type="url"],.signup-form select,.signup-form textarea {    width: 80%;    font-family: "Lora", serif;    height: 48px;    font-size: 18px;    background-color: #000000;    color: #a8caff;    border: 2px solid #4a6cff;    padding: 2px 10px;    border-radius: 20px;    box-shadow: none;    transition: all 0.3s ease;    animation: breathing 4s ease-in-out infinite;    opacity: 1;}.signup-form input:focus,.signup-form select:focus,.signup-form textarea:focus {    outline: none;    border-color: #7c86ff;    background-color: #12153d;}.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: 6px;  width: 100%;}.signup-form .buttons .right-column {  flex-direction: row;  gap: 10px;}.signup-form .buttons .right-column input {  background: #000000;  border: 2px solid #4a6cff;    font-family: "Lora", serif;    font-size: 21px;    color: #a8caff;  flex: 1;   padding: 8px;  cursor: pointer;}.signup-form .buttons .right-column input:hover {  background: var(--button-bg-hover);  color: var(--button-text-color-hover, var(--button-text-color));}/* =========================================================================   Copy Box Button   ========================================================================= */.copy-button {    display: block;    margin: 8px auto 0 auto;    padding: 6px 12px;    max-width: 150px;    text-align: center;    cursor: pointer;    transition: background 0.2s, color 0.2s;    width: 150px;    font-family: "Lora", serif;    height: 48px;    font-size: 18px;    background-color: #000000;    color: #a8caff;    border: 2px solid #4a6cff;    padding: 2px 10px;  }.copy-button:hover {  background: var(--button-bg-hover);  color: var(--button-text-color-hover, var(--button-text-color));}/* =========================================================================   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: 3px !important;  padding: 0px;}#affiliates {  margin: 0 auto;  text-align: center;  width: 500px;}