@font-face{
    font-family: "AcrobatRegular"; 
    src: url("./../fonts/acrobat/WEB/Akrobat-Regular.eot"); 
    src: url("./../fonts/acrobat/WEB/Akrobat-Regular.eot?#iefix") format("embedded-opentype"),
    url("./../fonts/acrobat/WEB/Akrobat-Regular.woff") format("woff"), 
    url("./../fonts/acrobat/TTF/Akrobat-Regular.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}
html,body{ margin: 0; padding: 0; }
h1,p{ margin: 0; }
html{
    overflow-x: auto;
}
body{
    font-family: 'AcrobatRegular',Helvetica,Arial,sans-serif;
    color: #fff;
    background: #000;
    text-align: left;
    letter-spacing: 1px;
}
button, a{
	cursor: pointer;
	-webkit-transition: all 0.5s ease-out; 
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}
button:focus, input:focus, select:focus, textarea:focus{
	outline: none;
}
button:hover{
    cursor: pointer;	
}
a{
    color: #fff;
    text-decoration: none;
	-webkit-transition: all 0.5s ease-out; 
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    font-weight: bolder;   
 }
a:hover{
    color: #fff;
}
input[disabled]{
	background: #F9F9F9;
}
input[type=text], input[type=password], input[type=file], input[type=submit], textarea{
    -webkit-appearance: none;
}
select, input, button{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}
input, button, textarea, select{
    border-radius: 0px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 20px;
    border: 1px solid #fff;
    font-family: 'AcrobatRegular',Helvetica,Arial,sans-serif;
    color: #fff;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(0,0,0,0.3);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
textarea{
    display: block;
    height: 300px;
}
.shadow-font {
    text-shadow: 
        -1px -1px 0px rgb(255, 120, 190), 
        -1px 1px 0px rgb(250, 100, 180), 
         1px -1px 0px rgb(255, 140, 200), 
         1px 1px 0px rgb(245, 110, 185), 
        -2px -2px 3px rgb(255, 100, 170), 
        -2px 2px 3px rgb(240, 90, 160), 
         2px -2px 3px rgb(255, 130, 190), 
         2px 2px 3px rgb(235, 95, 175);
}
.off-drag{
    user-drag: none; 
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.clear{
    clear: both;
}
.hover-effect{
    -webkit-transition: all 0.5s ease-out; 
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}
.error-container {
    max-width: 400px;
    margin: 60px auto;
    padding: 30px 25px;
    background: linear-gradient(145deg, #1a1a1a, #111);
    border: 2px solid #ff69b4;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 0 25px rgba(255, 105, 180, 0.3);
    font-family: 'Akrobat', sans-serif;
}

.error-title {
    color: #ff69b4;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.error-text {
    color: #ccc;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.error-button {
    display: inline-block;
    padding: 10px 20px;
    background: #ff69b4;
    color: #111;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
    text-transform: uppercase;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.error-button:hover {
    background: #fff;
    color: #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
.uppercase{
    text-transform: uppercase;
}
.pink{
    color: #fecccc;
}
.blue-dark{
    color: #526c82;
}
.bg-red{
    background-color: #c83232;
}
.yellow{
    color: #ffcc03;
}
::selection {
    color: #fff;
    background: #00299f;
}
::-webkit-input-placeholder{
    color: #fff !important;
    text-shadow: none !important;
}
:-moz-placeholder{
    color: #fff !important;
    text-shadow: none !important;
}
::-moz-placeholder{
    color: #fff !important;
    text-shadow: none !important;
}
:-ms-input-placeholder{
    color: #fff !important;
    text-shadow: none !important;
}
.topbar {
    width: 100%;
    background: linear-gradient(90deg, #0d0d0d, #1a1a1a, #0d0d0d);
    border-bottom: 1px solid #ff4fcf;
    box-shadow: 0 2px 15px rgba(255, 105, 180, 0.1);
    padding: 10px 20px;
    position: relative;
    z-index: 1000;
    box-sizing: border-box;
    overflow-x: hidden;
}

.topbar-left,
.topbar-center,
.topbar-right {
    min-width: 0;
}

.topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1300px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.topbar-left .logo-link img {
    max-width: 100%;
    height: 40px;
    filter: drop-shadow(0 0 6px rgba(255, 105, 180, 0.3));
    transition: transform 0.3s ease;
    display: block;
}

.topbar-left .logo-link img:hover {
    transform: scale(1.05);
}

.topbar-center {
    text-align: center;
    flex: 1 1 auto;
    padding: 0 20px;
}

.topbar-center .greeting {
    font-size: 18px;
    font-weight: 600;
    color: #ff78be;
    margin-top: 10px;
    text-shadow:
        0 0 4px #ff78be,
        0 0 8px rgba(255, 77, 166, 0.5);
}

.lang-panel {
    margin-top: 5px;
    font-size: 14px;
}

.lang-panel form,
.lang-panel select,
.lang-panel button,
.lang-panel div {
    display: inline-block !important;
    float: none !important;
    margin: 0 4px;
    text-align: center !important;
}

.topbar-right {
    display: flex;
    gap: 10px;
    flex: 0 1 auto;
    min-width: 0;
}

.topbar-button {
    background: transparent;
    color: #ffffff;
    border: 2px solid #ff78be;
    padding: 6px 16px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
    box-shadow: 0 0 8px rgba(255, 77, 166, 0.2);
}

.topbar-button:hover {
    background-color: #2c2c2c;
    color: #ffffff;
    border-color: #ff55ad;
    box-shadow: 0 0 12px rgba(255, 85, 173, 0.4);
}

@media (max-width: 600px) {
    .topbar-inner {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .topbar-right {
        justify-content: center;
        flex-wrap: wrap;
    }

    .topbar-center {
        padding: 0;
        white-space: normal;
    }
}
.error{
    font-family: 'AcrobatRegular',Helvetica,Arial,sans-serif;
    padding: 20px;
    border-radius: 8px;
    background: #ff6535;
    border: solid 1px #333;
    color: #333;
    font-size: 26px;
    z-index: 1;
    min-width: 350px;
    text-align: center;
    z-index: 50;
    font-weight: bolder;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.success{
    font-family: 'AcrobatRegular',Helvetica,Arial,sans-serif;
    padding: 20px;
    border-radius: 8px;
    background: #5faa43;
    border: solid 1px #333;
    color: #333;
    font-size: 26px;
    z-index: 1;
    min-width: 350px;
    text-align: center;
    z-index: 50;
    font-weight: bolder;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
h1{
    font-family: "AcrobatRegular",Helvetica,Arial,sans-serif;
    font-size: 28px;
    color: #526c82;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 0px;
}
.pink-glow-message {
  background-color: #111;
  color: #ffffff;
  border: 2px solid #ff4da6;
  padding: 30px;
  border-radius: 15px;
  max-width: 600px;
  margin: 60px auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  box-shadow: 0 0 20px rgba(255, 77, 166, 0.6);
  text-align: left;
}

.main-instruction {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
  text-shadow: 0 0 8px rgba(255, 77, 166, 0.5);
}

.contact-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #1a1a1a;
  padding: 12px 15px;
  border-radius: 10px;
  box-shadow: inset 0 0 10px rgba(255, 77, 166, 0.2);
  margin-bottom: 15px;
}

.contact-label {
  color: #fff;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 1.1em;
}

.contact-data a,
.contact-data {
  color: #ff4da6;
  font-weight: bold;
  word-break: break-word;
  text-decoration: none;
  font-size: 1.1em;
}

.pay-error {
  background: radial-gradient(circle at center, #2b2b2b, #111);
  border: 2px solid #ff4da6;
  padding: 30px;
  border-radius: 20px;
  max-width: 600px;
  margin: 40px auto;
  text-align: center;
  box-shadow: 0 0 25px rgba(255, 77, 166, 0.5);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.pay-error-title {
  color: #ff4da6;
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 15px;
  text-shadow: 0 0 10px rgba(255, 77, 166, 0.6);
}

.welcome-section {
    background-color: #111;
    color: #f8c8dc;
    padding: 40px 20px;
    text-align: center;
    font-family: Arial, sans-serif;
    line-height: 1.6;
  }

  .welcome-section h1 {
    font-size: 28px;
    color: #ff4fa3;
    margin-bottom: 20px;
  }

  .welcome-section h1 span {
    color: #fff;
  }

  .welcome-section p {
    font-size: 18px;
    margin: 10px 0;
  }

  .welcome-section strong {
    color: #ff88c2;
  }

  .welcome-section .cta {
    margin-top: 25px;
 font-size: 20px;
color: #fff;
}

.pay-error-text {
  color: #ddd;
  font-size: 1.1em;
  line-height: 1.5;
  margin-bottom: 20px;
}

.pay-error-email {
  color: #ff4da6;
  font-weight: bold;
  word-break: break-all;
}

.pay-error-button {
  display: inline-block;
  padding: 12px 25px;
  background: #ff4da6;
  color: #111;
  text-decoration: none;
  border-radius: 10px;
  font-weight: bold;
  font-size: 1.1em;
  box-shadow: 0 0 10px rgba(255, 77, 166, 0.5);
  transition: transform 0.2s ease;
}

.pay-error-button:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(255, 77, 166, 0.8);
}


.contact-data a:hover {
  text-decoration: underline;
}
.red-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: linear-gradient(
        90deg,
        #151515 0%,
        #1f1f1f 15%,
        #262626 35%,
        #2a2a2a 50%,
        #262626 65%,
        #1f1f1f 85%,
        #151515 100%
    );
    padding: 0.25rem 0;
    box-shadow: 0 2px 10px rgba(255, 105, 180, 0.1);
    border-bottom: 1px solid #ff4fcf;
    z-index: 1000;
    transition: background 0.3s ease;
}
.wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px auto;
    padding: 10px;
}
.wrapper a{
    font-size: 33px;
}
.wrapper a img{
    width: 150px;
}
.work-tab{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 2%;
}
.lang-change{
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
}
.lang-change select{
    color: #ffffff;
    font-size: 14px;
    border: none;
    background: rgba(0,0,0,0.3);
    appearance: none;
    -moz-appearance: none;
}
.lang-change button{
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    border: none;
    background: rgba(0,0,0,0.3);
    appearance: none;
    -moz-appearance: none;
    margin: 0px 18px;
    padding: 10.5px 20px;
    vertical-align: top;
}
.lang-change select:hover{
    cursor: pointer;
}
.lang-change select *{
    background-color: rgba(0,0,0,0.8);
    font-size: 18px;
}
.header-pic{
    display: block;
    width: 50%;
    margin: 40px auto 0 auto;
}
.header-pic img{
    width: 100%;
}
.logo{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.form-lang{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.greet{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0px 0px 20px;
}
.wrapper div{
    color: #333;
    justify-content: space-between;
}
.wrapper video{
    justify-content: space-between;
    width: 420px;
    display: inline-block;
    margin: 30px 0px 30px 0px;
    border: solid 1px #042f57;
}
.cheer{
    display: inline-block;
    padding: 15px;
    text-align: center;
    font-size: 30px;
}
.main-intro .videos{
    display: block;
    width: 700px;
    margin: 40px auto;
}
.main-intro .videos .pics{
    display: block;
    padding: 20px;
    margin: 20px 0px 20px 0px;
    text-align: center;
}
.blue-shadow{
    box-shadow: 0px 0px 25px 2px rgb(0 41 159);
}
.main-intro .videos .pics .perc100{
    width: 100%;
    vertical-align: middle;
}
.main-intro .videos .pics .perc50{
    max-width: 47%;
    vertical-align: middle;
    margin: 12px 0px;
}
.main-intro .videos .pics .perc750{
    width: 100%;
    vertical-align: middle;
    margin: 0px;
}
.buttons{
    position: relative;
    display: block;
    padding: 20px;
    text-align: center;
}
.buttons a{
    width: auto;
    display: inline-block;
    background-color: #292300;
    color: #ffffff;
    border: 3px solid #ff78be;
    padding: 8px 26px;
    font-size: 15px;
    font-weight: 800;
    border-radius: 8px;
}
.buttons a:hover{
    border-color: #FF55AD;
    color: #ffffff;
    background-color: #2C2C2C;
}

.button-wrapper {
  text-align: center;
  margin: 40px auto;
}

.register-button {
  display: inline-block;
  padding: 18px 48px;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(135deg, #ff85d3, #e600a4);
  border: none;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 0 20px rgba(255, 128, 216, 0.6);
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.register-button::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  transform: skewX(-20deg);
  transition: left 0.5s ease;
  pointer-events: none;
}

.register-button:hover {
  transform: scale(1.05);
  box-shadow: 0 0 30px rgba(255, 100, 200, 0.8);
}

.register-button:hover::after {
  left: 120%;
}

.footer {
    margin: 50px 0 0;
    padding: 1rem 1rem;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
    color: #dddddd;
    background: linear-gradient(
        90deg,
        #151515 0%,
        #1f1f1f 15%,
        #262626 35%,
        #2a2a2a 50%,
        #262626 65%,
        #1f1f1f 85%,
        #151515 100%
    );
    border-top: 1px solid #ff4fcf;
    box-shadow: 0 -2px 10px rgba(255, 105, 180, 0.08);
}
.footer .support-contacts{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:10px 0 8px;
}
.footer .contact-card{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  background: radial-gradient(120% 120% at 10% 10%, rgba(255,79,207,.08), transparent 60%),
              linear-gradient(180deg, #121212, #0a0a0a);
  border:1px solid rgba(255,79,207,.35);
  border-radius:9999px;
  box-shadow: 0 8px 22px rgba(255,79,207,.06);
}
.footer .contact-card .label{
  color:var(--pink);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-size:12px;
}
.footer .contact-card .value{
  color:var(--ink);
  font-weight:700;
  font-size:14px;
  line-height:1.1;
  word-break:break-all;
  white-space:nowrap;
}
.footer .contact-card .value a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px dotted rgba(255,79,207,.45);
}
.footer .contact-card .value a:hover{
  text-shadow:0 0 10px rgba(255,79,207,.4);
  border-bottom-color:transparent;
}
.footer .contact-card:hover{
  border-color:var(--pink);
  box-shadow:0 10px 26px rgba(255,79,207,.10);
  transform:translateY(-1px);
  transition:all .2s ease;
}
.footer .time{
  text-align:center;
  color:#9a9a9a;
  font-size:12px;
  margin-top:6px;
  opacity:.85;
}
.login-form{
    display: block;
    width: 700px;
    margin: 40px auto;
    text-align: center;
}
.login-form button{
    width: auto;
    display: block;
    background-color: transparent;
    color: #ffffff;
    border: solid 1px #ff4fcf;
    padding: 8px 26px;
    font-size: 26px;
    margin: 15px auto;
}
.login-form button:hover{
    color: #fff;
    border: solid 1px #FF81DD;
}
.login-form input{
    width: auto;
    display: block;
    background-color: transparent;
    color: #FFB4F3;
    border: solid 1px #ff4fcf;
    padding: 8px 26px;
    font-size: 26px;
    margin: 0px auto;
}
.login-form input:hover{
    color: #fff;
    border: solid 1px #FF81DD;
}
.itsself{
    margin: 60px 0px 60px 0px;
    font-size: 32px;
}
.plans h1 {
    color: #ff3399;
    font-size: 36px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
    background: linear-gradient(90deg, #ff3399, #e61a21);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.plans h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: #ff3399;
    border-radius: 2px;
    box-shadow: 0 0 8px rgba(255, 51, 153, 0.7);
}
.bitcoin-address {
    background: linear-gradient(135deg, #1a1a1a, #000000);
    padding: 20px 25px;
    border: 2px dashed #ff4da6;
    border-radius: 15px;
    color: #ffffff;
    font-size: 18px;
    font-family: monospace;
    text-align: center;
    box-shadow: 0 0 15px rgba(255, 77, 166, 0.3);
    margin: 30px auto;
    max-width: 600px;
    word-break: break-all;
    position: relative;
}

.bitcoin-address::before {
    content: "Bitcoin Payment";
    position: absolute;
    top: -14px;
    left: 20px;
    background-color: #0d0d0d;
    color: #ff3399;
    font-size: 14px;
    padding: 0 8px;
    font-weight: bold;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(255, 77, 166, 0.4);
}

.bitcoin-address span {
    color: #ff6666;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1px;
}
.monero-address {
    background: linear-gradient(135deg, #1a1a1a, #000000);
    padding: 20px 25px;
    border: 2px dashed #ff4da6;
    border-radius: 15px;
    color: #ffffff;
    font-size: 18px;
    font-family: monospace;
    text-align: center;
    box-shadow: 0 0 15px rgba(255, 77, 166, 0.3);
    margin: 30px auto;
    max-width: 600px;
    word-break: break-all;
    position: relative;
}

.monero-address::before {
    content: "Monero Payment";
    position: absolute;
    top: -14px;
    left: 20px;
    background-color: #0d0d0d;
    color: #ff3399;
    font-size: 14px;
    padding: 0 8px;
    font-weight: bold;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(255, 77, 166, 0.4);
}

.monero-address span {
    color: #ff6666;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1px;
}
.dash-address {
    background: linear-gradient(135deg, #1a1a1a, #000000);
    padding: 20px 25px;
    border: 2px dashed #ff4da6;
    border-radius: 15px;
    color: #ffffff;
    font-size: 18px;
    font-family: monospace;
    text-align: center;
    box-shadow: 0 0 15px rgba(255, 77, 166, 0.3);
    margin: 30px auto;
    max-width: 600px;
    word-break: break-all;
    position: relative;
}

.dash-address::before {
    content: "Litecoin Payment";
    position: absolute;
    top: -14px;
    left: 20px;
    background-color: #0d0d0d;
    color: #ff3399;
    font-size: 14px;
    padding: 0 8px;
    font-weight: bold;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(255, 77, 166, 0.4);
}

.dash-address span {
    color: #ff6666;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1px;
}
.plans {
    text-align: center;
    padding: 0px 0;
    background-color: #000;
}

.plans .item {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    margin: 25px 15px;
    padding: 20px;
    background: linear-gradient(135deg, #1a1a1a, #2b2b2b);
    border: 3px solid #ff4da6;
    border-radius: 20px;
    color: #ffffff;
    box-shadow: 0 0 20px rgba(255, 77, 166, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: auto;
    position: relative;
}

.plans .item:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 30px rgba(255, 77, 166, 0.6);
}

.plans .item .name {
    font-size: 28px;
    font-weight: 900;
    color: #ff3399;
    margin: 15px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.plans .item .price {
    font-size: 24px;
    font-weight: bold;
    color: #ffccff;
    margin: 15px 0;
}

.plans .item .info {
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.6;
}

.plans .item .info div {
    color: #e6e6e6;
    margin: 6px 0;
    text-align: left;
    padding-left: 10px;
    position: relative;
}

.plans .item .info div::before {
    content: "•";
    color: #ff4da6;
    position: absolute;
    left: 0;
}

.plans .item::after {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    background: radial-gradient(circle, #ff4da6 0%, transparent 70%);
    border-radius: 50%;
}
.videos{
    display: block;
    width: 700px;
    margin: 40px auto;
    text-align: center;
}
.videos .pagi{
    font-size: 18px;
    text-align: left;
    margin: 22px 0px 22px 0px;
}
.videos video{
    margin: 40px auto 18px auto;
    display: block;
    width: 400px;
}
.video-download-link {
    text-align: center;
}

.video-download-link div {
    margin: 18px 0;
}

.video-download-link a {
    display: inline-block;
    padding: 10px 28px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #ff4fcf, #ff0066);
    border: none;
    border-radius: 30px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(255, 79, 207, 0.3);
    transition: all 0.3s ease;
}

.video-download-link a:hover {
    transform: scale(1.08);
    background: linear-gradient(135deg, #ff0066, #ff4fcf);
    box-shadow: 0 6px 18px rgba(255, 79, 207, 0.6);
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 30px auto;
  font-family: 'AcrobatRegular', sans-serif;
}

.pagination a,
.pagination .dots {
  display: inline-block;
  padding: 8px 14px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  background: #1a1a1a;
  border: 1px solid #ff4fcf;
  color: #fff;
  transition: all 0.3s ease;
}

.pagination a:hover {
  background: #ff4fcf;
  color: #000;
  box-shadow: 0 0 10px rgba(255, 79, 207, 0.5);
}

.pagination a.active {
  background: #ff4fcf;
  color: #000;
  font-weight: 700;
  box-shadow: 0 0 12px rgba(255, 79, 207, 0.7);
}

.pagination .dots {
  border: none;
  background: transparent;
  color: #aaa;
  cursor: default;
}

.pagination a.prev,
.pagination a.next {
  font-weight: bold;
}

.pagination .goto {
  display: flex;
  align-items: center;
  margin-left: 12px;
}

.pagination .goto input {
  width: 60px;
  padding: 6px 10px;
  border: 1px solid #ff4fcf;
  border-radius: 6px;
  background: #111;
  color: #fff;
  margin-right: 6px;
  text-align: center;
  font-size: 14px;
}

.pagination .goto button {
  padding: 6px 14px;
  border: none;
  border-radius: 6px;
  background: #ff4fcf;
  color: #111;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.pagination .goto button:hover {
  background: #fff;
  color: #ff4fcf;
  box-shadow: 0 0 10px rgba(255, 79, 207, 0.5);
}

#chat {
    max-width: 700px;
    margin: 40px auto;
    padding: 20px;
    background-color: #1a1a1a;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(255, 77, 166, 0.15);
    color: #f0f0f0;
    font-family: 'Segoe UI', sans-serif;
}

#chat .chat-title {
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 25px;
    color: #ff4da6;
}

#chat .chat-error {
    background-color: #330010;
    border: 1px solid #ff4da6;
    color: #ff4da6;
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
}

#chat .chat-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin-bottom: 30px;
    box-sizing: border-box;
}

#chat .chat-input,
#chat .chat-textarea {
    width: 100%;
    padding: 12px;
    background-color: #222;
    color: #f0f0f0;
    border: 1px solid #333;
    border-radius: 6px;
    font-size: 1em;
    box-sizing: border-box;
}

#chat .chat-input::placeholder,
#chat .chat-textarea::placeholder {
    color: #888;
}

#chat .chat-textarea {
    resize: vertical;
    min-height: 100px;
}

#chat .chat-submit {
    align-self: flex-start;
    margin-top: 4px;
    padding: 10px 16px;
    background-color: #ff4da6;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}

#chat .chat-submit:hover {
    background-color: #e04394;
}

#chat .chat-messages {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#chat .chat-message {
    background-color: #222;
    border: 1px solid #333;
    padding: 14px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

#chat .chat-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 0.9em;
    color: #bbb;
}

#chat .chat-name.admin {
    color: #ff4da6;
    font-weight: bold;
    background-color: #1a0010;
    padding: 2px 6px;
    border-radius: 4px;
}

#chat .chat-date.admin {
    color: #ff4da6;
}

#chat .chat-text {
    color: #f0f0f0;
    font-size: 1em;
    line-height: 1.5em;
    white-space: pre-wrap;
}

.tittle-acc {
    display: block;
    margin: 15px 0;
    padding: 8px 16px;
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    font-family: 'Akrobat', sans-serif;
    color: #ff69b4;
    background: linear-gradient(90deg, #111 0%, #1a1a1a 50%, #111 100%);
    border: 2px solid #ff69b4;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.5);
    transition: all 0.3s ease;
}

.tittle-acc:hover {
    background: #ff69b4;
    color: #111;
    border-color: #fff;
    box-shadow: 0 0 15px rgba(255, 105, 180, 0.8);
}

.pink-crypto {
    display: block;
    margin: 10px auto;
    padding: 12px 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    font-family: 'Akrobat', sans-serif;
    color: #ffb6c1;
    background: #1a1a1a;
    border: 2px dashed #ffb6c1;
    border-radius: 10px;
    width: fit-content;
    max-width: 100%;
    word-break: break-all;
    box-shadow: 0 0 10px rgba(255, 182, 193, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pink-crypto:hover {
    transform: scale(1.02);
    box-shadow: 0 0 16px rgba(255, 182, 193, 0.4);
    background: #111;
}
.plans .funnels{
    color: #e61a21;
    margin: 12px auto;
    width: 400px;
    text-align: center;
    font-size: 16px;
}
.sub-menu{
    display: block;
    margin: 20px 0px;
    text-align: center;
}
.sub-menu .buttons{
    display: inline-block;
    padding: 0px;
}
.sub-menu .buttons a{
    background-color: #A00475;
    color: #fff;
    border: solid 1px #A00475;
    padding: 8px 18px;
    font-size: 18px;
    margin: 0px 1px 0px 1px;
}
.sub-menu .buttons a.active{
    border: solid 1px #242424;
    background-color: #242424;
}
.sub-menu .buttons a:hover{
    border: solid 1px #242424;
    background-color: #242424;
}
.main-video{
    display: block;
    width: 700px;
    margin: 40px auto;
}
.main-video .video{
    padding: 20px;
    margin: 20px 0px 20px 0px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.main-video .video video{
    width: 700px;
    margin: 0px 15px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.main-video .title{
    text-align: center;
    font-size: 16px;
}
select:focus > option:checked{ 
    background-color: #000 !important;
}
option:hover{ 
    background-color: black;
}

.bitcoin-address, .monero-address, .dash-address, .pink-crypto {
  word-break: break-word;
  overflow-wrap: anywhere;
}

@media (max-width: 700px){
  html { overflow-x: hidden; }
}

@media (max-width: 900px){
  .topbar-left, .topbar-center, .topbar-right { width: 100%; }
  .topbar-center { order: 3; padding: 0; }
  .topbar-right { order: 2; justify-content: center; flex-wrap: wrap; }
  .topbar-button { padding: 8px 14px; font-size: 14px; }
  .topbar-center .greeting { font-size: 16px; margin-top: 6px; }
  .lang-panel { font-size: 13px; }
  .header-pic { width: min(90%, 520px); margin: 24px auto 0; }
}

@media (max-width: 700px){
  .main-intro .videos,
  .videos,
  .main-video,
  .login-form,
  #chat {
    width: 100%;
    max-width: 700px;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
  }

  .videos video,
  .main-video .video video {
    width: 100%;
    max-width: 100%;
    margin: 16px auto;
  }

  .main-intro .videos .pics .perc50{ max-width:100%; margin:10px 0; }
}

@media (max-width: 600px){
  input, button, textarea, select { width: 100%; }

  .login-form input,
  .login-form button { font-size: 18px; padding: 12px 16px; }

  #chat .chat-submit { width: 100%; text-align: center; }

  .error, .success{
    min-width: unset;
    width: calc(100% - 32px);
    max-width: 420px;
    font-size: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .register-button{ width:100%; padding:16px 20px; font-size:22px; }
}

@media (max-width: 600px){
  .crumbs { margin: 24px 0 14px; }
  .crumbs .crumbs-title { font-size: 18px; margin-bottom: 8px; }
  .crumbs a { padding: 6px 10px; font-size: 14px; margin: 4px; }
  .videos .pagi { font-size: 16px; margin: 14px 0; }
  .video-download-link a { font-size: 16px; padding: 10px 20px; }
}

@media (max-width: 600px){
  .footer { padding: 12px; font-size: 14px; }
  .footer .contact-card { padding: 8px 10px; }
  .footer .contact-card .value { font-size: 13px; white-space: normal; }
}

@media (max-width: 479.98px){
  .plans { padding: 10px 16px; }
  .plans .item{
    width: 100%;
    max-width: 360px;
    margin: 12px auto;
  }
}
@media (min-width: 480px) and (max-width: 899.98px){
  .plans {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;
    padding: 10px 16px;
  }
  .plans .item { width: 100%; margin: 0; justify-self: center; }
}
@media (max-width: 700px){
  .login-form,
  .videos,
  .main-video,
  #chat,
  .plans,
  .error,
  .success {
    max-width: 100%;
    overflow-x: hidden;
  }

  .buttons a,
  .video-download-link a,
  .pay-error-button,
  .register-button,
  .topbar-button,
  .sub-menu .buttons a,
  .login-form button {
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: break-word;
  }

  input, textarea, select, button {
    max-width: 100%;
  }

  .topbar-inner,
  .wrapper,
  .plans {
    overflow-x: hidden;
  }
}

@media (max-width: 400px){
  .topbar-button,
  .buttons a,
  .video-download-link a,
  .pay-error-button {
    padding: 10px 12px;
    font-size: 14px;
  }

  .crumbs a {
    padding: 6px 8px;
    font-size: 13px;
  }
}

@media (max-width: 500px) {
  .pagination {
    gap: 4px;
  }
  .pagination a, 
  .pagination .dots {
    padding: 6px 10px;
    font-size: 13px;
  }
  .pagination .goto {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
    justify-content: center;
  }
}