.elementor-331 .elementor-element.elementor-element-2a0ce06{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-574ae41{--display:flex;--min-height:100vh;--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:hidden;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-d77aa8c img{width:171px;}.elementor-331 .elementor-element.elementor-element-953c36f{text-align:center;}.elementor-331 .elementor-element.elementor-element-953c36f .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:40px;font-weight:300;color:var( --e-global-color-b5f7ed5 );}.elementor-331 .elementor-element.elementor-element-7dd1ab8{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-7dd1ab8.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-a11d06e{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-af2f45c{text-align:center;}.elementor-331 .elementor-element.elementor-element-af2f45c .elementor-heading-title{font-family:var( --e-global-typography-a7b91d3-font-family ), Sans-serif;font-size:var( --e-global-typography-a7b91d3-font-size );font-weight:var( --e-global-typography-a7b91d3-font-weight );line-height:var( --e-global-typography-a7b91d3-line-height );letter-spacing:var( --e-global-typography-a7b91d3-letter-spacing );color:var( --e-global-color-b5f7ed5 );}.elementor-331 .elementor-element.elementor-element-d394ffb .elementor-button{background-color:var( --e-global-color-060cea6 );fill:var( --e-global-color-b5f7ed5 );color:var( --e-global-color-b5f7ed5 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-d394ffb .elementor-button:hover, .elementor-331 .elementor-element.elementor-element-d394ffb .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}body.elementor-page-331:not(.elementor-motion-effects-element-type-background), body.elementor-page-331 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-800a9a8 );}@media(max-width:1024px){.elementor-331 .elementor-element.elementor-element-953c36f .elementor-heading-title{font-size:30px;}.elementor-331 .elementor-element.elementor-element-af2f45c .elementor-heading-title{font-size:var( --e-global-typography-a7b91d3-font-size );line-height:var( --e-global-typography-a7b91d3-line-height );letter-spacing:var( --e-global-typography-a7b91d3-letter-spacing );}}@media(max-width:767px){.elementor-331 .elementor-element.elementor-element-d77aa8c img{width:130px;}.elementor-331 .elementor-element.elementor-element-953c36f .elementor-heading-title{font-size:20px;}.elementor-331 .elementor-element.elementor-element-7dd1ab8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-331 .elementor-element.elementor-element-a11d06e{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-331 .elementor-element.elementor-element-af2f45c .elementor-heading-title{font-size:var( --e-global-typography-a7b91d3-font-size );line-height:var( --e-global-typography-a7b91d3-line-height );letter-spacing:var( --e-global-typography-a7b91d3-letter-spacing );}}/* Start custom CSS for heading, class: .elementor-element-953c36f */.elementor-331 .elementor-element.elementor-element-953c36f {
  background: linear-gradient(180deg, #ffffff 0%, #38495a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400; /* optional: adjust for style */
  letter-spacing: 2px; /* optional */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7dd1ab8 *//* 🌙 Ascend Member Page Creation Form — Unified Theme v11 */

/* === Form Container === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 form.fea-form,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 form.acf-form {
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}

/* === Field Spacing === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-field,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field {
  margin-bottom: 30px !important;
}

/* === Labels === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-field .acf-label label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field legend {
  color: #ffffff !important;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 6px;
}

/* === Required Asterisk === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-field .acf-label .acf-required {
  color: #ff6b6b;
  font-weight: 600;
  display: inline;
  margin-left: 4px;
}

/* === Text Inputs, Textareas, Selects === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 input[type="text"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 input[type="email"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 input[type="url"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 input[type="number"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 input[type="file"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 select,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 textarea {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 6px;
  padding: 10px 14px;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

/* === Placeholder Text === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 input::placeholder,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* === Focus State === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 input:focus,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 select:focus,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 textarea:focus {
  border-color: #ffffff;
  outline: none;
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.25);
}

/* === Dropdown Styling === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 select {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding-right: 32px;
}
.elementor-331 .elementor-element.elementor-element-7dd1ab8 select option {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}
.elementor-331 .elementor-element.elementor-element-7dd1ab8 select option[value^="#"] {
  color: #cccccc !important;
  font-weight: 600;
  background-color: #111 !important;
  pointer-events: none;
}

/* === Radio & Checkbox Layout === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-radio-list li,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-checkbox-list li,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="radio"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="checkbox"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li input[type="radio"] {
  display: inline-block !important;
  margin-right: 18px !important;
  vertical-align: middle !important;
}

/* === Custom Input Style === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-radio-list li input[type="radio"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-checkbox-list li input[type="checkbox"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="radio"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="checkbox"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
  cursor: pointer;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  position: relative;
}

/* Checkbox shape correction */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-checkbox-list li input[type="checkbox"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="checkbox"] {
  border-radius: 4px;
}

/* === Hover Glow === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-radio-list li input[type="radio"]:hover,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-checkbox-list li input[type="checkbox"]:hover,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="radio"]:hover,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="checkbox"]:hover,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li input[type="radio"]:hover {
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.4);
}

/* === Checked State (Soft Gold Glow) === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-radio-list li input[type="radio"]:checked,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-checkbox-list li input[type="checkbox"]:checked,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="radio"]:checked,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="checkbox"]:checked,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li input[type="radio"]:checked {
  border-color: #f4d75d;
  background-color: #f4d75d;
  box-shadow: 0 0 10px rgba(244, 215, 93, 0.8);
}

/* === Label Text === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-radio-list li label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-checkbox-list li label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li span, .elementor-331 .elementor-element.elementor-element-7dd1ab8 .message {
  color: #ffffff !important;
  font-weight: 400;
  cursor: pointer;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
}

/* Hover Label */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-radio-list li:hover label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-checkbox-list li:hover label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field label:hover,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li:hover span {
  color: #cce3ff !important;
}

/* === Highlight Checked Label === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-radio-list li input[type="radio"]:checked + label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-checkbox-list li input[type="checkbox"]:checked + label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="radio"]:checked + label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field input[type="checkbox"]:checked + label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li input[type="radio"]:checked + span {
  color: #f4d75d !important;
  font-weight: 600;
  text-shadow: 0 0 8px rgba(244, 215, 93, 0.6);
}

/* === 行業聯盟 & 居住地區 Fix === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-radio-list li label.selected,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-field-radio label.selected {
  color: #f4d75d !important;
  font-weight: 600 !important;
  text-shadow: 0 0 8px rgba(244, 215, 93, 0.6);
}

/* === 行業聯盟 Spacing Fix === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li input[type="radio"] {
  margin-right: 6px !important;
  vertical-align: middle;
}
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li label,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-related-terms-field ul.acf-checkbox-list.acf-bl li span {
  color: #ffffff !important;
  display: inline-block;
  vertical-align: middle;
}

/* === Power Team (Checkbox) === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 ul.acf-checkbox-list.acf-bl li label.selected span {
  color: #f4d75d !important;
  font-weight: 600 !important;
  text-shadow: 0 0 8px rgba(244, 215, 93, 0.6);
}

/* === File Upload / Image Fields === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-image-uploader,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .fea-field-image {
  color: #ffffff !important;
}

/* === Repeater Field (客戶) Styling === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-repeater .acf-input input[type="text"],
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-repeater .acf-input textarea,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-repeater .acf-input select {
  color: #000000 !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-repeater .acf-input input[type="text"]:focus,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-repeater .acf-input textarea:focus,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-repeater .acf-input select:focus {
  color: #000000 !important;
  background-color: #ffffff !important;
  border-color: #f4d75d !important;
  box-shadow: 0 0 6px rgba(244, 215, 93, 0.4);
}

/* === Buttons (Upload, Add Row, etc.) === */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-image-uploader a,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-repeater .acf-button {
  color: #f4d75d !important;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(244, 215, 93, 0.4);
  border-radius: 6px;
  padding: 8px 16px;
  text-transform: uppercase;
  transition: all 0.25s ease;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}

.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-image-uploader a:hover,
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-repeater .acf-button:hover {
  background: linear-gradient(90deg, #0d2d57 0%, #f4d75d 100%);
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(244, 215, 93, 0.6);
  transform: translateY(-1px);
}

/* === Submit Button (Fix + Theme) === */
.acf-field-submit-button .acf-input,
.fea-field-submit-button .acf-input,
.fea-submit-buttons,
.fea-submit-button-wrapper {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
}

.acf-field-submit-button .acf-input button,
.fea-field-submit-button .acf-input button,
.fea-submit-button,
button.fea-submit-button,
button[type="submit"] {
  display: inline-block !important;
  margin: 30px auto !important;
  text-align: center !important;
  width: auto !important;
  padding: 12px 36px !important;
  background: linear-gradient(90deg, #0d2d57 0%, #f4d75d 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-shadow: 0 0 6px rgba(244, 215, 93, 0.6);
  box-shadow: 0 0 12px rgba(244, 215, 93, 0.5);
  cursor: pointer !important;
  transition: all 0.3s ease;
}

.acf-field-submit-button .acf-input button:hover,
.fea-field-submit-button .acf-input button:hover,
button.fea-submit-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 16px rgba(244, 215, 93, 0.8);
}


/* === ACF True/False（是否金章會員）— 對齊其他 checkbox === */

/* checkbox 本體：跟現有 custom input style 一樣設定 */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-field-true-false .acf-input input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #ffffff;
  border-radius: 4px;               /* 同其他 checkbox 一樣方角 */
  margin-right: 6px;
  vertical-align: middle;
  cursor: pointer;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  position: relative;
  box-sizing: border-box;
}

/* hover 時 checkbox 發光（照抄你原本 Hover Glow 效果） */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-field-true-false .acf-input input[type="checkbox"]:hover {
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.4);
}

/* 勾選後 checkbox 金色 + glow（照抄 Checked State） */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-field-true-false .acf-input input[type="checkbox"]:checked {
  border-color: #f4d75d;
  background-color: #f4d75d;
  box-shadow: 0 0 10px rgba(244, 215, 93, 0.8);
}

/* Hover label 時，「是」字變 #cce3ff —— 對齊其他 label hover 規則 */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-field-true-false .acf-input label:hover .message {
  color: #cce3ff !important;
}

/* checkbox 勾選後，「是」字變金色 + glow —— 對齊 input:checked + label 規則 */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-field-true-false .acf-input input[type="checkbox"]:checked + .message {
  color: #f4d75d !important;
  font-weight: 600;
  text-shadow: 0 0 8px rgba(244, 215, 93, 0.6);
}

/* 「是」字 font 大小微調，跟返上面啲 label */
.elementor-331 .elementor-element.elementor-element-7dd1ab8 .acf-field-true-false .acf-input .message {
  font-size: 13px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-574ae41 *//* === Full-Height Parallax Star Background (Extra Dense, Color Adjusted) === */
.parallax-stars {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: radial-gradient(
    ellipse at bottom,
    #1A2A3C 0%,   /* bottom glow */
    #0E1823 60%,  /* mid cool blue */
    #05080D 100%  /* top deep navy */
  );
  overflow: hidden;
  z-index: 0;
}

/* make sure Elementor content displays above */
.elementor-element,
.elementor-widget,
.elementor-container,
.elementor-column {
  position: relative;
  z-index: 1;
}

/* Star layers */
#stars, #stars2, #stars3 {
  position: absolute;
  background: transparent;
  top: 0;
  left: 0;
}

/* Small stars (extra dense) */
#stars {
  width: 1px;
  height: 1px;
  box-shadow:
    1292px 780px #FFF, 1552px 1843px #FFF, 245px 1130px #FFF, 1898px 1962px #FFF,
    326px 132px #FFF, 1903px 519px #FFF, 1498px 1248px #FFF, 681px 1387px #FFF,
    980px 300px #FFF, 1730px 720px #FFF, 250px 1750px #FFF, 100px 450px #FFF,
    1780px 1870px #FFF, 460px 980px #FFF, 1150px 1320px #FFF, 1600px 1850px #FFF,
    190px 1550px #FFF, 740px 950px #FFF, 1750px 1100px #FFF, 1450px 1680px #FFF,
    /* +40 more small stars */
    200px 200px #FFF, 400px 400px #FFF, 600px 600px #FFF, 800px 800px #FFF, 1000px 1000px #FFF,
    1200px 1200px #FFF, 1400px 1400px #FFF, 1600px 1600px #FFF, 1800px 1800px #FFF, 200px 1800px #FFF,
    350px 1650px #FFF, 500px 1500px #FFF, 650px 1350px #FFF, 800px 1200px #FFF, 950px 1050px #FFF,
    1100px 900px #FFF, 1250px 750px #FFF, 1400px 600px #FFF, 1550px 450px #FFF, 1700px 300px #FFF,
    1850px 150px #FFF, 1950px 50px #FFF, 1750px 1850px #FFF, 1550px 1650px #FFF, 1350px 1450px #FFF,
    1150px 1250px #FFF, 950px 1050px #FFF, 750px 850px #FFF, 550px 650px #FFF, 350px 450px #FFF,
    150px 250px #FFF, 1850px 1900px #FFF, 1650px 1600px #FFF, 1450px 1300px #FFF, 1250px 1000px #FFF,
    1050px 700px #FFF, 850px 400px #FFF, 650px 100px #FFF, 400px 1800px #FFF, 100px 1500px #FFF;
  animation: animStar 50s linear infinite;
}

#stars::after {
  content: "";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  box-shadow: inherit;
}

/* Medium stars (extra dense) */
#stars2 {
  width: 2px;
  height: 2px;
  box-shadow:
    1902px 103px #FFF, 742px 1289px #FFF, 1543px 1692px #FFF, 1321px 705px #FFF,
    1594px 302px #FFF, 1940px 1605px #FFF, 871px 932px #FFF, 321px 484px #FFF,
    1200px 200px #FFF, 1820px 1320px #FFF, 500px 1500px #FFF, 250px 1800px #FFF,
    950px 620px #FFF, 1480px 1750px #FFF, 1700px 1150px #FFF, 1880px 1850px #FFF,
    /* +48 more medium stars */
    180px 1900px #FFF, 350px 1650px #FFF, 520px 1400px #FFF, 700px 1150px #FFF, 880px 900px #FFF,
    1060px 650px #FFF, 1240px 400px #FFF, 1420px 150px #FFF, 1600px 1750px #FFF, 1780px 1500px #FFF,
    1960px 1250px #FFF, 1740px 1000px #FFF, 1520px 750px #FFF, 1300px 500px #FFF, 1080px 250px #FFF,
    860px 50px #FFF, 640px 1850px #FFF, 420px 1600px #FFF, 200px 1350px #FFF, 1900px 1100px #FFF,
    1680px 850px #FFF, 1460px 600px #FFF, 1240px 350px #FFF, 1020px 100px #FFF, 800px 1700px #FFF,
    580px 1450px #FFF, 360px 1200px #FFF, 140px 950px #FFF, 1820px 700px #FFF, 1600px 450px #FFF,
    1380px 200px #FFF, 1160px 1800px #FFF, 940px 1550px #FFF, 720px 1300px #FFF, 500px 1050px #FFF,
    280px 800px #FFF, 60px 550px #FFF, 1900px 300px #FFF, 1680px 50px #FFF, 1460px 1850px #FFF,
    1240px 1600px #FFF, 1020px 1350px #FFF, 800px 1100px #FFF, 580px 850px #FFF, 360px 600px #FFF,
    140px 350px #FFF, 1820px 100px #FFF, 1600px 1800px #FFF, 1380px 1550px #FFF, 1160px 1300px #FFF;
  animation: animStar 100s linear infinite;
}

#stars2::after {
  content: "";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  box-shadow: inherit;
}

/* Large stars (extra dense) */
#stars3 {
  width: 3px;
  height: 3px;
  box-shadow:
    1334px 123px #FFF, 1924px 1045px #FFF, 1584px 1600px #FFF, 623px 843px #FFF,
    1760px 1700px #FFF, 1432px 600px #FFF, 900px 1340px #FFF, 300px 800px #FFF,
    1890px 1550px #FFF, 400px 1450px #FFF, 1180px 1950px #FFF, 200px 1300px #FFF,
    /* +36 more large stars */
    500px 1100px #FFF, 700px 900px #FFF, 900px 700px #FFF, 1100px 500px #FFF, 1300px 300px #FFF,
    1500px 100px #FFF, 1700px 1850px #FFF, 1900px 1650px #FFF, 400px 1450px #FFF, 600px 1250px #FFF,
    800px 1050px #FFF, 1000px 850px #FFF, 1200px 650px #FFF, 1400px 450px #FFF, 1600px 250px #FFF,
    1800px 50px #FFF, 200px 1900px #FFF, 400px 1700px #FFF, 600px 1500px #FFF, 800px 1300px #FFF,
    1000px 1100px #FFF, 1200px 900px #FFF, 1400px 700px #FFF, 1600px 500px #FFF, 1800px 300px #FFF,
    200px 100px #FFF, 1850px 1750px #FFF, 1650px 1550px #FFF, 1450px 1350px #FFF, 1250px 1150px #FFF,
    1050px 950px #FFF, 850px 750px #FFF, 650px 550px #FFF, 450px 350px #FFF, 250px 150px #FFF;
  animation: animStar 150s linear infinite;
}

#stars3::after {
  content: "";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  box-shadow: inherit;
}

/* Animation */
@keyframes animStar {
  from { transform: translateY(0); }
  to { transform: translateY(-2000px); }
}/* End custom CSS */