.elementor-31 .elementor-element.elementor-element-bdeea24{--display:flex;}.elementor-31 .elementor-element.elementor-element-411291e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-411291e::before, .elementor-31 .elementor-element.elementor-element-411291e > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-411291e > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-411291e > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-411291e > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-411291e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(-90deg, #000080 0%, #000000 100%);}.elementor-31 .elementor-element.elementor-element-57d2ad2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-028e813 .elementor-icon-wrapper{text-align:left;}.elementor-31 .elementor-element.elementor-element-028e813.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-028e813.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-028e813.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-028e813.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-028e813.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-028e813{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.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-31 .elementor-element.elementor-element-a73be3f .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-a73be3f.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-4b33671{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-4b33671.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-31 .elementor-element.elementor-element-f64394f{text-align:center;}.elementor-31 .elementor-element.elementor-element-f64394f .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-f64394f.elementor-element{--align-self:flex-end;}.elementor-31 .elementor-element.elementor-element-cf229fb{--display:flex;}.elementor-31 .elementor-element.elementor-element-fbe6d44{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-fbe6d44::before, .elementor-31 .elementor-element.elementor-element-fbe6d44 > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-fbe6d44 > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-fbe6d44 > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-fbe6d44 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-fbe6d44 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(-90deg, #000080 0%, #000000 100%);}.elementor-31 .elementor-element.elementor-element-d99a1ad .elementor-icon-wrapper{text-align:left;}.elementor-31 .elementor-element.elementor-element-d99a1ad.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-d99a1ad.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-d99a1ad.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-d99a1ad.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-d99a1ad.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-d99a1ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-31 .elementor-element.elementor-element-c82667d .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-c82667d.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-14f2040{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:550px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-14f2040.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-31 .elementor-element.elementor-element-b78da8d{text-align:center;}.elementor-31 .elementor-element.elementor-element-b78da8d .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-b78da8d.elementor-element{--align-self:flex-end;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-411291e{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-411291e{--width:80%;}.elementor-31 .elementor-element.elementor-element-4b33671{--width:100%;}.elementor-31 .elementor-element.elementor-element-cf229fb{--width:80%;}.elementor-31 .elementor-element.elementor-element-fbe6d44{--width:80%;}.elementor-31 .elementor-element.elementor-element-14f2040{--width:19%;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-411291e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-bdeea24 */:root {
  --bg-1: #02040f;
  --bg-2: #071032;
  --nebula: linear-gradient(120deg, rgba(55,90,200,0.12), rgba(120,30,180,0.09));
  --star-color: #ffffff;
  --stars-count: 150;
  --star-speed: 80s;
  --twinkle-speed: 6s;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: var(--bg-1);
  overflow: hidden;
}

/* พื้นหลังธีมอวกาศ */
.space-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background:
    radial-gradient(1200px 500px at 10% 20%, rgba(120,30,180,0.06), transparent 10%),
    radial-gradient(900px 400px at 80% 70%, rgba(55,90,200,0.05), transparent 10%),
    linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);
  z-index: 0;
}

.space-bg .stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.space-bg .star {
  position: absolute;
  width: 2px;
  height: 2px;
  background: var(--star-color);
  border-radius: 50%;
  opacity: 0.8;
  filter: drop-shadow(0 0 6px rgba(255,255,255,0.15));
  animation: drift var(--star-speed) linear infinite;
}

.space-bg .star.big {
  width: 3.5px;
  height: 3.5px;
  filter: drop-shadow(0 0 8px rgba(127,179,255,0.3));
  animation-duration: calc(var(--star-speed) / 2.5);
}

.space-bg .big-planet {
  position: absolute;
  right: -10%;
  top: 10%;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.08), rgba(127,179,255,0.06) 10%, rgba(10,20,40,0.6) 65%),
              linear-gradient(180deg, rgba(127,179,255,0.08), rgba(30,10,80,0.12));
  box-shadow: 0 20px 60px rgba(10,12,30,0.6), inset -8px -8px 40px rgba(255,255,255,0.02);
  animation: floatPlanet 24s ease-in-out infinite;
  pointer-events: none;
}

.space-bg .nebula {
  position: absolute;
  inset: 0;
  background: var(--nebula);
  opacity: 0.75;
  filter: blur(60px);
  mix-blend-mode: screen;
  animation: moveNebula 60s linear infinite;
}

.space-bg .twinkle {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.04), transparent 8%),
                    radial-gradient(circle at 80% 70%, rgba(255,255,255,0.03), transparent 8%);
  mix-blend-mode: screen;
  animation: twinkleOpacity calc(var(--twinkle-speed) * 1.5) infinite ease-in-out;
}

/* animations */
@keyframes drift {
  0% { transform: translate3d(0, 0, 0); opacity: 0.9; }
  50% { opacity: 0.4; }
  100% { transform: translate3d(-40vw, 8vh, 0); opacity: 0.9; }
}

@keyframes moveNebula {
  0% { transform: translateX(0) translateY(0) scale(1); }
  50% { transform: translateX(-6%) translateY(4%) scale(1.03); }
  100% { transform: translateX(0) translateY(0) scale(1); }
}

@keyframes twinkleOpacity {
  0% { opacity: 0.9; }
  50% { opacity: 0.65; }
  100% { opacity: 0.9; }
}

@keyframes floatPlanet {
  0% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(-12px, 18px, 0) rotate(8deg); }
  100% { transform: translate3d(0, 0, 0) rotate(0deg); }
}/* End custom CSS */