.elementor-8761 .elementor-element.elementor-element-eb51a2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8761 .elementor-element.elementor-element-3d33866{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8761 .elementor-element.elementor-element-d6174ea .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;fill:#C0C0C0;color:#C0C0C0;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:#602C89;border-radius:20px 20px 20px 20px;padding:5px 5px 5px 5px;}.elementor-8761 .elementor-element.elementor-element-d6174ea > .elementor-widget-container{border-style:none;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8761 .elementor-element.elementor-element-354f3e1{text-align:center;}.elementor-8761 .elementor-element.elementor-element-354f3e1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;line-height:30px;color:#F7F7F7;}.elementor-8761 .elementor-element.elementor-element-0e64736{text-align:center;}.elementor-8761 .elementor-element.elementor-element-0e64736 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#C0C0C0;}.elementor-8761 .elementor-element.elementor-element-4bdd415{text-align:center;}.elementor-8761 .elementor-element.elementor-element-4bdd415 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:700;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-303ff1e{text-align:center;}.elementor-8761 .elementor-element.elementor-element-303ff1e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:700;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-f0ba42c{text-align:center;}.elementor-8761 .elementor-element.elementor-element-f0ba42c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:700;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-813ea8c{text-align:center;}.elementor-8761 .elementor-element.elementor-element-813ea8c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:700;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-bf70f2c{text-align:center;}.elementor-8761 .elementor-element.elementor-element-bf70f2c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:700;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-8c7b47f{text-align:center;}.elementor-8761 .elementor-element.elementor-element-8c7b47f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:700;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-3635e9f{text-align:center;}.elementor-8761 .elementor-element.elementor-element-3635e9f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:700;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-cfbeaf4{text-align:center;}.elementor-8761 .elementor-element.elementor-element-cfbeaf4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:700;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-8a3dd64{text-align:center;}.elementor-8761 .elementor-element.elementor-element-8a3dd64 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:700;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-2cf6093{text-align:center;}.elementor-8761 .elementor-element.elementor-element-2cf6093 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-cd58c05{--spacer-size:5px;}.elementor-8761 .elementor-element.elementor-element-f94d27d .elementor-button{background-color:#FF046D;font-family:"Inter", Sans-serif;font-size:23px;font-weight:800;text-shadow:0px 0px 10px rgba(0,0,0,0.3);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:none;border-radius:3px 3px 3px 3px;padding:15px 15px 15px 15px;}.elementor-8761 .elementor-element.elementor-element-f94d27d .elementor-button:hover, .elementor-8761 .elementor-element.elementor-element-f94d27d .elementor-button:focus{background-color:#320070;}.elementor-8761 .elementor-element.elementor-element-7b0b775{--spacer-size:5px;}.elementor-8761 .elementor-element.elementor-element-9da137b{text-align:center;}.elementor-8761 .elementor-element.elementor-element-9da137b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-5e97a48{text-align:center;}.elementor-8761 .elementor-element.elementor-element-5e97a48 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-254ef92{--spacer-size:5px;}.elementor-8761 .elementor-element.elementor-element-7dc13b9{text-align:center;}.elementor-8761 .elementor-element.elementor-element-7dc13b9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-eac07ac{text-align:center;}.elementor-8761 .elementor-element.elementor-element-eac07ac .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-35f093e{text-align:center;}.elementor-8761 .elementor-element.elementor-element-35f093e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-3b6a2bc{text-align:center;}.elementor-8761 .elementor-element.elementor-element-3b6a2bc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.elementor-8761 .elementor-element.elementor-element-9c83cf3{--spacer-size:5px;}/* Start custom CSS for html, class: .elementor-element-addd029 */.elementor-8761 .elementor-element.elementor-element-addd029.premium-dark-saas {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 20%, rgba(79, 70, 229, 0.18), transparent 30%),
        radial-gradient(circle at 80% 30%, rgba(6, 182, 212, 0.12), transparent 28%),
        linear-gradient(180deg, #050816 0%, #070b1a 45%, #03050d 100%);
}

/* Keep content above background */
.elementor-8761 .elementor-element.elementor-element-addd029 > .elementor-container,
.elementor-8761 .elementor-element.elementor-element-addd029 > .e-con-inner,
.elementor-8761 .elementor-element.elementor-element-addd029 .elementor-widget-wrap,
.elementor-8761 .elementor-element.elementor-element-addd029 .elementor-element {
    position: relative;
    z-index: 2;
}

/* Background wrapper */
.elementor-8761 .elementor-element.elementor-element-addd029 .saas-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

/* Soft glowing blobs */
.elementor-8761 .elementor-element.elementor-element-addd029 .saas-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.45;
    mix-blend-mode: screen;
    animation: saasFloat 14s ease-in-out infinite alternate;
}

.elementor-8761 .elementor-element.elementor-element-addd029 .saas-glow-1 {
    width: 420px;
    height: 420px;
    top: -80px;
    left: -80px;
    background: rgba(99, 102, 241, 0.22);
}

.elementor-8761 .elementor-element.elementor-element-addd029 .saas-glow-2 {
    width: 380px;
    height: 380px;
    right: -100px;
    top: 15%;
    background: rgba(14, 165, 233, 0.16);
    animation-duration: 18s;
}

/* Stars */
.elementor-8761 .elementor-element.elementor-element-addd029 .saas-stars {
    position: absolute;
    inset: -20%;
    background-repeat: repeat;
    will-change: transform, opacity;
}

.elementor-8761 .elementor-element.elementor-element-addd029 .saas-stars-1 {
    opacity: 0.7;
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.95) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 110px 90px, rgba(255,255,255,0.75) 50%, transparent 55%),
        radial-gradient(2px 2px at 200px 150px, rgba(255,255,255,0.85) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 320px 60px, rgba(255,255,255,0.7) 50%, transparent 55%),
        radial-gradient(2px 2px at 420px 180px, rgba(255,255,255,0.8) 50%, transparent 55%);
    background-size: 520px 260px;
    animation: saasStarsMove1 90s linear infinite, saasTwinkle1 7s ease-in-out infinite alternate;
}

.elementor-8761 .elementor-element.elementor-element-addd029 .saas-stars-2 {
    opacity: 0.35;
    background-image:
        radial-gradient(1px 1px at 30px 50px, rgba(255,255,255,0.6) 50%, transparent 55%),
        radial-gradient(1px 1px at 130px 180px, rgba(255,255,255,0.55) 50%, transparent 55%),
        radial-gradient(1px 1px at 260px 100px, rgba(255,255,255,0.5) 50%, transparent 55%),
        radial-gradient(1px 1px at 360px 40px, rgba(255,255,255,0.55) 50%, transparent 55%),
        radial-gradient(1px 1px at 500px 210px, rgba(255,255,255,0.45) 50%, transparent 55%);
    background-size: 640px 320px;
    animation: saasStarsMove2 140s linear infinite, saasTwinkle2 10s ease-in-out infinite alternate;
}

/* Subtle grid */
.elementor-8761 .elementor-element.elementor-element-addd029 .saas-grid {
    position: absolute;
    inset: 0;
    opacity: 0.08;
    background-image:
        linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent 85%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent 85%);
}

/* Animations */
@keyframes saasFloat {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        transform: translate3d(30px, 20px, 0) scale(1.08);
    }
}

@keyframes saasStarsMove1 {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-100px, -40px, 0); }
}

@keyframes saasStarsMove2 {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-140px, -60px, 0); }
}

@keyframes saasTwinkle1 {
    0%   { opacity: 0.45; }
    50%  { opacity: 0.85; }
    100% { opacity: 0.55; }
}

@keyframes saasTwinkle2 {
    0%   { opacity: 0.18; }
    50%  { opacity: 0.4; }
    100% { opacity: 0.22; }
}

/* Optional glassy feel for inner boxes */
.elementor-8761 .elementor-element.elementor-element-addd029 .elementor-widget-container,
.elementor-8761 .elementor-element.elementor-element-addd029 .e-con-inner > .e-con {
    backdrop-filter: blur(0px);
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-8761 .elementor-element.elementor-element-addd029 .saas-glow-1 {
        width: 260px;
        height: 260px;
    }

    .elementor-8761 .elementor-element.elementor-element-addd029 .saas-glow-2 {
        width: 240px;
        height: 240px;
    }

    .elementor-8761 .elementor-element.elementor-element-addd029 .saas-grid {
        background-size: 40px 40px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-354f3e1 */.gradient-slideup-headline {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 72px; /* adjust as needed */
  display: inline-block;

  /* Very subtle light grey gradient top → white bottom */
  background: linear-gradient(to bottom, rgba(200,200,200,0.3), #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* Very subtle shadow for depth */
  text-shadow: 0 1px 1px rgba(0,0,0,0.02);

  /* Slide-up start state */
  transform: translateY(30px);
  opacity: 0;

  /* Slide-up animation */
  animation: slideUp 1s ease forwards;
}

/* Slide-up keyframes */
@keyframes slideUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e64736 *//* Slide-up + fade effect on load */
.slide-up {
  opacity: 0;
  transform: translateY(30px); /* start lower */
  animation: slideUpAnim 0.8s ease forwards;
  animation-delay: 0.2s; /* optional delay, can adjust */
}

/* keyframes for sliding up and fading in */
@keyframes slideUpAnim {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Optional: stagger multiple widgets */
.slide-up.delay-1 { animation-delay: 0.1s; }
.slide-up.delay-2 { animation-delay: 0.2s; }
.slide-up.delay-3 { animation-delay: 0.3s; }
.slide-up.delay-4 { animation-delay: 0.4s; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f94d27d *//* Button wrapper */
.elementor-8761 .elementor-element.elementor-element-f94d27d .elementor-button {
  position: relative;
  overflow: hidden; /* clip sweep inside button */
  z-index: 0;
}

/* Thin diagonal light sweep */
.elementor-8761 .elementor-element.elementor-element-f94d27d .elementor-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -15%;          /* start fully outside left */
  width: 15%;          /* thin light width */
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,1) 50%,  /* bright core */
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;  /* keep button clickable */
  z-index: 0;

  /* Sweep animation: 0.1s fast sweep + 5s pause = total 5.1s */
  animation: sweep-final 5.1s linear infinite;
}

/* Keyframes: fast sweep + 5s pause */
@keyframes sweep-final {
  0%       { left: -15%; }   /* start fully outside left */
  1.96%    { left: 115%; }   /* fast sweep in first 0.1s */
  100%     { left: 115%; }   /* hold fully outside right for 5s pause */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d33866 */.elementor-8761 .elementor-element.elementor-element-3d33866.night-sky-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top, rgba(25, 40, 90, 0.35), transparent 35%),
        linear-gradient(180deg, #060816 0%, #090d1f 40%, #04050b 100%);
}

/* make sure content stays above stars */
.elementor-8761 .elementor-element.elementor-element-3d33866.night-sky-section > .elementor-container,
.elementor-8761 .elementor-element.elementor-element-3d33866.night-sky-section > .e-con-inner,
.elementor-8761 .elementor-element.elementor-element-3d33866.night-sky-section .elementor-widget-wrap,
.elementor-8761 .elementor-element.elementor-element-3d33866.night-sky-section .elementor-element {
    position: relative;
    z-index: 2;
}

/* star background wrapper */
.elementor-8761 .elementor-element.elementor-element-3d33866 .night-sky-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

/* star layers */
.elementor-8761 .elementor-element.elementor-element-3d33866 .stars {
    position: absolute;
    inset: -20%;
    background-repeat: repeat;
    will-change: transform, opacity;
}

/* small stars */
.elementor-8761 .elementor-element.elementor-element-3d33866 .stars-1 {
    opacity: 1;
    background-image:
        radial-gradient(2.5px 2.5px at 20px 30px, rgba(255,255,255,0.95) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 100px 80px, rgba(255,255,255,0.85) 50%, transparent 55%),
        radial-gradient(2px 2px at 180px 140px, rgba(255,255,255,0.9) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 260px 40px, rgba(255,255,255,0.8) 50%, transparent 55%),
        radial-gradient(2px 2px at 320px 120px, rgba(255,255,255,0.9) 50%, transparent 55%);
    background-size: 360px 200px;
    animation: skyMove1 90s linear infinite, twinkle1 6s ease-in-out infinite alternate;
}

/* medium stars */
.elementor-8761 .elementor-element.elementor-element-3d33866 .stars-2 {
    opacity: 0.55;
    background-image:
        radial-gradient(1.5px 1.5px at 40px 60px, rgba(255,255,255,0.75) 50%, transparent 55%),
        radial-gradient(2px 2px at 150px 20px, rgba(255,255,255,0.7) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 240px 110px, rgba(255,255,255,0.75) 50%, transparent 55%),
        radial-gradient(2px 2px at 310px 170px, rgba(255,255,255,0.65) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 90px 160px, rgba(255,255,255,0.7) 50%, transparent 55%);
    background-size: 420px 240px;
    animation: skyMove2 130s linear infinite, twinkle2 8s ease-in-out infinite alternate;
}

/* faint distant stars */
.elementor-8761 .elementor-element.elementor-element-3d33866 .stars-3 {
    opacity: 0.35;
    background-image:
        radial-gradient(1px 1px at 30px 40px, rgba(255,255,255,0.7) 50%, transparent 55%),
        radial-gradient(1px 1px at 120px 140px, rgba(255,255,255,0.6) 50%, transparent 55%),
        radial-gradient(1px 1px at 220px 70px, rgba(255,255,255,0.65) 50%, transparent 55%),
        radial-gradient(1px 1px at 300px 30px, rgba(255,255,255,0.6) 50%, transparent 55%),
        radial-gradient(1px 1px at 360px 150px, rgba(255,255,255,0.55) 50%, transparent 55%);
    background-size: 500px 260px;
    animation: skyMove3 180s linear infinite, twinkle3 10s ease-in-out infinite alternate;
}

/* slow drifting motion */
@keyframes skyMove1 {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-80px, -40px, 0); }
}

@keyframes skyMove2 {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-120px, -60px, 0); }
}

@keyframes skyMove3 {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-160px, -80px, 0); }
}

/* subtle twinkle */
@keyframes twinkle1 {
    0%   { opacity: 0.45; }
    50%  { opacity: 0.95; }
    100% { opacity: 0.55; }
}

@keyframes twinkle2 {
    0%   { opacity: 0.2; }
    50%  { opacity: 0.7; }
    100% { opacity: 0.3; }
}

@keyframes twinkle3 {
    0%   { opacity: 0.12; }
    50%  { opacity: 0.4; }
    100% { opacity: 0.18; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51a2b */.elementor-8761 .elementor-element.elementor-element-eb51a2b.night-sky-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top, rgba(25, 40, 90, 0.35), transparent 35%),
        linear-gradient(180deg, #060816 0%, #090d1f 40%, #04050b 100%);
}

/* make sure content stays above stars */
.elementor-8761 .elementor-element.elementor-element-eb51a2b.night-sky-section > .elementor-container,
.elementor-8761 .elementor-element.elementor-element-eb51a2b.night-sky-section > .e-con-inner,
.elementor-8761 .elementor-element.elementor-element-eb51a2b.night-sky-section .elementor-widget-wrap,
.elementor-8761 .elementor-element.elementor-element-eb51a2b.night-sky-section .elementor-element {
    position: relative;
    z-index: 2;
}

/* star background wrapper */
.elementor-8761 .elementor-element.elementor-element-eb51a2b .night-sky-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

/* star layers */
.elementor-8761 .elementor-element.elementor-element-eb51a2b .stars {
    position: absolute;
    inset: -20%;
    background-repeat: repeat;
    will-change: transform, opacity;
}

/* small stars */
.elementor-8761 .elementor-element.elementor-element-eb51a2b .stars-1 {
    opacity: 1;
    background-image:
        radial-gradient(2.5px 2.5px at 20px 30px, rgba(255,255,255,0.95) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 100px 80px, rgba(255,255,255,0.85) 50%, transparent 55%),
        radial-gradient(2px 2px at 180px 140px, rgba(255,255,255,0.9) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 260px 40px, rgba(255,255,255,0.8) 50%, transparent 55%),
        radial-gradient(2px 2px at 320px 120px, rgba(255,255,255,0.9) 50%, transparent 55%);
    background-size: 360px 200px;
    animation: skyMove1 90s linear infinite, twinkle1 6s ease-in-out infinite alternate;
}

/* medium stars */
.elementor-8761 .elementor-element.elementor-element-eb51a2b .stars-2 {
    opacity: 0.55;
    background-image:
        radial-gradient(1.5px 1.5px at 40px 60px, rgba(255,255,255,0.75) 50%, transparent 55%),
        radial-gradient(2px 2px at 150px 20px, rgba(255,255,255,0.7) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 240px 110px, rgba(255,255,255,0.75) 50%, transparent 55%),
        radial-gradient(2px 2px at 310px 170px, rgba(255,255,255,0.65) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 90px 160px, rgba(255,255,255,0.7) 50%, transparent 55%);
    background-size: 420px 240px;
    animation: skyMove2 130s linear infinite, twinkle2 8s ease-in-out infinite alternate;
}

/* faint distant stars */
.elementor-8761 .elementor-element.elementor-element-eb51a2b .stars-3 {
    opacity: 0.35;
    background-image:
        radial-gradient(1px 1px at 30px 40px, rgba(255,255,255,0.7) 50%, transparent 55%),
        radial-gradient(1px 1px at 120px 140px, rgba(255,255,255,0.6) 50%, transparent 55%),
        radial-gradient(1px 1px at 220px 70px, rgba(255,255,255,0.65) 50%, transparent 55%),
        radial-gradient(1px 1px at 300px 30px, rgba(255,255,255,0.6) 50%, transparent 55%),
        radial-gradient(1px 1px at 360px 150px, rgba(255,255,255,0.55) 50%, transparent 55%);
    background-size: 500px 260px;
    animation: skyMove3 180s linear infinite, twinkle3 10s ease-in-out infinite alternate;
}

/* slow drifting motion */
@keyframes skyMove1 {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-80px, -40px, 0); }
}

@keyframes skyMove2 {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-120px, -60px, 0); }
}

@keyframes skyMove3 {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-160px, -80px, 0); }
}

/* subtle twinkle */
@keyframes twinkle1 {
    0%   { opacity: 0.45; }
    50%  { opacity: 0.95; }
    100% { opacity: 0.55; }
}

@keyframes twinkle2 {
    0%   { opacity: 0.2; }
    50%  { opacity: 0.7; }
    100% { opacity: 0.3; }
}

@keyframes twinkle3 {
    0%   { opacity: 0.12; }
    50%  { opacity: 0.4; }
    100% { opacity: 0.18; }
}/* End custom CSS */