section#header .logo-text {
    display: block;
    width: 200px; /* adjust as needed */
    height: 60px; /* adjust as needed */
    background: url('http://privothosting.com/wp-content/uploads/2025/12/default-e1765700397939.png') no-repeat center center;
    background-size: contain;
    text-indent: -9999px; /* hides the original text */
    overflow: hidden;
}
 




/* Smooth Animated Gradient Background */
body {
  background: linear-gradient(-45deg, #0e1b27, #042a2b, #013220, #0e4530);
  background-size: 400% 400%;
  animation: gradientMove 15s ease infinite;
  font-family: 'Inter', sans-serif;
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}



/* Floating Blobs Background */
body::before {
  content: "";
  position: fixed;
  top: -20%;
  left: -20%;
  width: 60vh;
  height: 60vh;
  background: rgba(0, 255, 150, 0.08);
  filter: blur(120px);
  border-radius: 50%;
  animation: blob1 18s infinite alternate ease-in-out;
  z-index: -1;
}

body::after {
  content: "";
  position: fixed;
  bottom: -20%;
  right: -20%;
  width: 60vh;
  height: 60vh;
  background: rgba(0, 204, 255, 0.08);
  filter: blur(120px);
  border-radius: 50%;
  animation: blob2 20s infinite alternate ease-in-out;
  z-index: -1;
}

@keyframes blob1 {
  0% { transform: translate(0,0) scale(1); }
  100% { transform: translate(100px, 80px) scale(1.3); }
}

@keyframes blob2 {
  0% { transform: translate(0,0) scale(1); }
  100% { transform: translate(-120px, -90px) scale(1.4); }
}


/* Fade In Everything */
* {
  animation: fadeIn 1.2s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}


















#nav {
    background-color: #6F56DA !important;
}


/* All buttons - purple background with white text */
.btn {
    background-color: #6F56DA !important;
    border-color: #6F56DA !important;
    color: #ffffff !important;
}

.btn:hover,
.btn:focus,
.btn:active {
    background-color: #5a45c2 !important;  /* Slightly darker purple on hover */
    border-color: #5a45c2 !important;
    color: #ffffff !important;
}

/* Hamburger menu icon bars - purple */
.navbar-toggle .icon-bar {
    background-color: white !important;
}
















/* Deep Creative Purple Abstract Background - No Extra Height */
#home-banner {
    background: linear-gradient(145deg, #4a35a8 0%, #301080 50%, #200860 100%) !important;
    position: relative !important;
    overflow: hidden !important;
    /* Removed min-height — now uses natural content height */
}

/* Deep flowing wave layers with subtle glow */
#home-banner::before,
#home-banner::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 200% !important;
    height: 100% !important;
    background: repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(255,255,255,0.05) 50px, rgba(255,255,255,0.1) 100px);
    opacity: 0.4 !important;
    animation: deepwave 30s linear infinite !important;
}

#home-banner::after {
    background: radial-gradient(circle at 50% 50%, rgba(111,86,218,0.2) 0%, transparent 70%);
    animation: deepwave 40s linear infinite reverse !important;
    opacity: 0.3 !important;
}

/* Glowing floating particles */
#home-banner .particle {
    position: absolute !important;
    background: rgba(255,255,255,0.8) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 15px rgba(111,86,218,0.8) !important;
    animation: deepfloat 20s infinite linear !important;
}

@keyframes deepwave {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes deepfloat {
    0% { transform: translateY(100vh) translateX(0); opacity: 0; }
    50% { opacity: 0.7; }
    100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
}

/* White text with shadow for readability */
#home-banner h1,
#home-banner h2,
#home-banner p,
#home-banner .domain-search-input,
#home-banner .btn,
#home-banner .form-control {
    text-shadow: 0 4px 15px rgba(0,0,0,0.6) !important;
}





.form-control {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}


.home-shortcuts {
    background: linear-gradient(135deg, #a390ff 0%, #9075ff 100%) !important;  /* Mid-tone purple */
}



#btnTransfer {
    background-color: #F55D81 !important;
}




/* Fix mobile keyboard/focus issue on captcha input */
#inputCaptcha {
    position: relative !important;
    z-index: 10 !important;   /* Brings it above any overlays */
    background-color: #ffffff !important;  /* Ensures it's visible/touchable */
}































.tooltip-inner {
    background-color: #F55D81 !important;
}

.tooltip-arrow {
    border-color: transparent !important;
}

.tooltip.top .tooltip-arrow    { border-top-color: #F55D81 !important; }
.tooltip.right .tooltip-arrow  { border-right-color: #F55D81 !important; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #F55D81 !important; }
.tooltip.left .tooltip-arrow   { border-left-color: #F55D81 !important; }