.elementor-1478 .elementor-element.elementor-element-a4dd408{--display:flex;--min-height:171px;--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;--overlay-opacity:0.6;}.elementor-1478 .elementor-element.elementor-element-a4dd408::before, .elementor-1478 .elementor-element.elementor-element-a4dd408 > .elementor-background-video-container::before, .elementor-1478 .elementor-element.elementor-element-a4dd408 > .e-con-inner > .elementor-background-video-container::before, .elementor-1478 .elementor-element.elementor-element-a4dd408 > .elementor-background-slideshow::before, .elementor-1478 .elementor-element.elementor-element-a4dd408 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1478 .elementor-element.elementor-element-a4dd408 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1478 .elementor-element.elementor-element-ca0cc0c{--display:flex;--min-height:90vh;--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-1478 .elementor-element.elementor-element-ca0cc0c:not(.elementor-motion-effects-element-type-background), .elementor-1478 .elementor-element.elementor-element-ca0cc0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1478 .elementor-element.elementor-element-0875e92{--display:flex;}.elementor-1478 .elementor-element.elementor-element-44c00fd{text-align:center;}.elementor-1478 .elementor-element.elementor-element-44c00fd .elementor-heading-title{font-size:46px;font-weight:900;}.elementor-1478 .elementor-element.elementor-element-99e0cfb{text-align:center;font-size:19px;color:#CCCCCC;}.elementor-1478 .elementor-element.elementor-element-7014bd6 .elementor-button{background-color:#990000;font-size:36px;box-shadow:0px 0px 30px 5px #FF0000;}.elementor-1478 .elementor-element.elementor-element-ddcc145 > .elementor-widget-container{box-shadow:0px 0px 100px -20px #FF4500 inset;}.elementor-1478 .elementor-element.elementor-element-ddcc145 .e-lottie__container{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1478 .elementor-element.elementor-element-670e18d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-1478 .elementor-element.elementor-element-670e18d:not(.elementor-motion-effects-element-type-background), .elementor-1478 .elementor-element.elementor-element-670e18d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-1478 .elementor-element.elementor-element-670e18d::before, .elementor-1478 .elementor-element.elementor-element-670e18d > .elementor-background-video-container::before, .elementor-1478 .elementor-element.elementor-element-670e18d > .e-con-inner > .elementor-background-video-container::before, .elementor-1478 .elementor-element.elementor-element-670e18d > .elementor-background-slideshow::before, .elementor-1478 .elementor-element.elementor-element-670e18d > .e-con-inner > .elementor-background-slideshow::before, .elementor-1478 .elementor-element.elementor-element-670e18d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ananmadla.com/wp-content/uploads/2026/01/20260116-141453-scaled.webp");--background-overlay:'';}.elementor-1478 .elementor-element.elementor-element-f858b96{--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;}body:not(.rtl) .elementor-1478 .elementor-element.elementor-element-6da387e{left:169px;}body.rtl .elementor-1478 .elementor-element.elementor-element-6da387e{right:169px;}.elementor-1478 .elementor-element.elementor-element-6da387e{bottom:228px;}.elementor-1478 .elementor-element.elementor-element-f1f96e9{--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-1478 .elementor-element.elementor-element-3efb1f6{text-align:center;}.elementor-1478 .elementor-element.elementor-element-3efb1f6 .elementor-heading-title{font-family:"Share Tech", Kanit;font-weight:800;color:#FF0000;}.elementor-1478 .elementor-element.elementor-element-b8d1932{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#333333;--border-color:#333333;--margin-top:0px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1478 .elementor-element.elementor-element-b8d1932:not(.elementor-motion-effects-element-type-background), .elementor-1478 .elementor-element.elementor-element-b8d1932 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1478 .elementor-element.elementor-element-b8d1932.e-con:hover{--e-con-transform-translateX:10px;--e-con-transform-skewX:5deg;}.elementor-1478 .elementor-element.elementor-element-b8d1932:hover{box-shadow:0px 0px 21px 0px #FF0000;}.elementor-1478 .elementor-element.elementor-element-693e48e .elementor-icon-list-icon i{color:#FF0000;transition:color 0.3s;}.elementor-1478 .elementor-element.elementor-element-693e48e .elementor-icon-list-icon svg{fill:#FF0000;transition:fill 0.3s;}.elementor-1478 .elementor-element.elementor-element-693e48e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1478 .elementor-element.elementor-element-693e48e .elementor-icon-list-text{transition:color 0.3s;}.elementor-1478 .elementor-element.elementor-element-a3f89a3{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#333333;--border-color:#333333;--margin-top:0px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1478 .elementor-element.elementor-element-a3f89a3:not(.elementor-motion-effects-element-type-background), .elementor-1478 .elementor-element.elementor-element-a3f89a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1478 .elementor-element.elementor-element-a3f89a3.e-con:hover{--e-con-transform-translateX:10px;}.elementor-1478 .elementor-element.elementor-element-a3f89a3:hover{box-shadow:0px 0px 20px 0px #FF0000;}.elementor-1478 .elementor-element.elementor-element-5f814c2 .elementor-icon-list-icon i{color:#FF0000;transition:color 0.3s;}.elementor-1478 .elementor-element.elementor-element-5f814c2 .elementor-icon-list-icon svg{fill:#FF0000;transition:fill 0.3s;}.elementor-1478 .elementor-element.elementor-element-5f814c2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1478 .elementor-element.elementor-element-5f814c2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1478 .elementor-element.elementor-element-50912af{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#333333;--border-color:#333333;--margin-top:0px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1478 .elementor-element.elementor-element-50912af:not(.elementor-motion-effects-element-type-background), .elementor-1478 .elementor-element.elementor-element-50912af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1478 .elementor-element.elementor-element-50912af.e-con:hover{--e-con-transform-translateX:10px;}.elementor-1478 .elementor-element.elementor-element-50912af:hover{box-shadow:0px 0px 20px 0px #FF0000;}.elementor-1478 .elementor-element.elementor-element-29c2810 .elementor-icon-list-icon i{color:#FF0000;transition:color 0.3s;}.elementor-1478 .elementor-element.elementor-element-29c2810 .elementor-icon-list-icon svg{fill:#FF0000;transition:fill 0.3s;}.elementor-1478 .elementor-element.elementor-element-29c2810{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1478 .elementor-element.elementor-element-29c2810 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1478 .elementor-element.elementor-element-b19bc7f{--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-1478 .elementor-element.elementor-element-fb632b4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:2;}.elementor-1478 .elementor-element.elementor-element-1de941a{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:2;}.elementor-1478 .elementor-element.elementor-element-c92bca6{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:2;}.elementor-1478 .elementor-element.elementor-element-52d9e94{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:2;}@media(min-width:768px){.elementor-1478 .elementor-element.elementor-element-f858b96{--width:50%;}.elementor-1478 .elementor-element.elementor-element-f1f96e9{--width:50%;}}/* Start custom CSS for heading, class: .elementor-element-44c00fd *//* สีและแสงสำหรับคำว่า "เผาเงินเล่น" */
.burn {
    color: #FF4500; /* สีส้มลาวา */
    text-shadow: 
        0 0 10px #FF0000, 
        0 0 20px #FF4500, 
        0 0 40px #FF0000; /* แสงฟุ้ง 3 ชั้น ให้ดูร้อนแรง */
    font-weight: 900; /* หนาพิเศษ */
    display: inline-block; /* บรรทัดนี้สำคัญ ถ้าจะใส่ Animation */
    animation: heat-haze 2s infinite linear; /* สั่งให้มันสั่นๆ */
}

/* เอฟเฟกต์ไอร้อน (สั่น + เบลอ) */
@keyframes heat-haze {
    0% { transform: skewX(0deg); filter: blur(0px); }
    25% { transform: skewX(-2deg); filter: blur(1px); }
    50% { transform: skewX(0deg); filter: blur(0px); }
    75% { transform: skewX(2deg); filter: blur(1px); }
    100% { transform: skewX(0deg); filter: blur(0px); }
}/* End custom CSS */
/* Start custom CSS for lottie, class: .elementor-element-ddcc145 */.elementor-1478 .elementor-element.elementor-element-ddcc145 {
    /* โหมด Screen: สีดำจะโปร่งใส สีสว่างจะสว่างขึ้น (เหมาะกับพื้นหลังดำ) */
    mix-blend-mode: screen; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0cc0c *//* ทำให้ตัวหนังสือมันสั่นๆ เบลอๆ เหมือนโดนความร้อน */
.elementor-1478 .elementor-element.elementor-element-ca0cc0c h1 {
    text-shadow: 0px 0px 10px rgba(255, 69, 0, 0.8); /* เงาสีส้ม */
    animation: heat-haze 2s infinite linear;
}

@keyframes heat-haze {
    0% { filter: blur(0px) skewX(0deg); }
    25% { filter: blur(1px) skewX(1deg); }
    50% { filter: blur(0px) skewX(0deg); }
    75% { filter: blur(1px) skewX(-1deg); }
    100% { filter: blur(0px) skewX(0deg); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4580b12 */.elementor-1478 .elementor-element.elementor-element-4580b12 img {
    /* สูตรลับ Thermal Vision */
    filter: contrast(150%) hue-rotate(180deg) invert(100%) saturate(200%);
    mix-blend-mode: hard-light; /* หรือลอง screen ดู */
    opacity: 0.9;
}

/* แถม: เส้นสแกนวิ่งลงมา (Scanline) */
.elementor-1478 .elementor-element.elementor-element-4580b12::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 255, 0, 0.1) 51%);
    background-size: 100% 4px; /* เส้นถี่ๆ */
    pointer-events: none;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6da387e */.elementor-1478 .elementor-element.elementor-element-6da387e {
    /* สั่งให้เป้าขยับไปมานิดๆ เหมือนมือคนถือปืน */
    animation: sniper-breath 4s infinite ease-in-out;
    pointer-events: none; /* เพื่อให้เมาส์คลิกทะลุเป้าไปโดนรูปข้างหลังได้ */
}

@keyframes sniper-breath {
    0% { transform: translate(0px, 0px) scale(1); }
    50% { transform: translate(5px, 5px) scale(1.02); } /* ขยับขวาล่างนิดนึง + ขยาย */
    100% { transform: translate(0px, 0px) scale(1); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b19bc7f *//* --- สไตล์กล่อง Reactor --- */
.reactor-box {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.05); /* ขอบบางๆ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* เด้งสมูทๆ */
    margin-bottom: 40px; /* ระยะห่างแต่ละชั้น */
}

/* เอฟเฟกต์ตอน Hover ให้กล่องมันลอย + เรืองแสง */
.reactor-box:hover {
    transform: scale(1.02) translateY(-5px);
}

/* สีฟ้า (TOFU) */
.box-cyan { border-left: 4px solid #00FFFF; }
.box-cyan:hover { box-shadow: 0 10px 40px rgba(0, 255, 255, 0.2); background: linear-gradient(90deg, rgba(0,255,255,0.05) 0%, rgba(0,0,0,1) 100%);}

/* สีส้ม (MOFU) - สลับขวา */
.box-orange { border-right: 4px solid #FFA500; }
.box-orange:hover { box-shadow: 0 10px 40px rgba(255, 165, 0, 0.2); background: linear-gradient(-90deg, rgba(255,165,0,0.05) 0%, rgba(0,0,0,1) 100%);}

/* สีแดง (BOFU) */
.box-red { border-left: 4px solid #FF0000; }
.box-red:hover { box-shadow: 0 10px 40px rgba(255, 0, 0, 0.25); background: linear-gradient(90deg, rgba(255,0,0,0.05) 0%, rgba(0,0,0,1) 100%);}

/* สีทอง (LOYALTY) - สลับขวา */
.box-gold { border-right: 4px solid #FFD700; }
.box-gold:hover { box-shadow: 0 10px 40px rgba(255, 215, 0, 0.2); background: linear-gradient(-90deg, rgba(255,215,0,0.05) 0%, rgba(0,0,0,1) 100%);}

/* --- สไตล์ Tech Badges (ป้ายระบบ) --- */
.tech-stack-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}
.badge {
    padding: 6px 12px;
    font-size: 12px;
    font-family: 'JetBrains Mono', monospace; /* ฟอนต์แนวโค้ดดิ้ง */
    border-radius: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.5);
}
.badge-cyan { border: 1px solid #00FFFF; color: #00FFFF; }
.badge-orange { border: 1px solid #FFA500; color: #FFA500; }
.badge-red { border: 1px solid #FF0000; color: #FF0000; }
.badge-gold { border: 1px solid #FFD700; color: #FFD700; }/* End custom CSS */