@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&family=Prompt:wght@600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap);:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sarabun,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}html{height:100%}body,html{width:100%}body{background-color:#fff;color:#111;min-height:100vh;padding:0}a{color:#646cff;font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:12px;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}body.modal-open{overflow:hidden}button:focus:not(:focus-visible){outline:none}div.swal2-container .swal2-popup,div.swal2-container button.swal2-styled{border-radius:12px}html{font-size:16px;scroll-behavior:smooth}body{background-color:#f6fbff;font-family:Sarabun,sans-serif;margin:0;overflow-x:hidden}.ssl-page{display:flex;flex-direction:column;min-height:100vh;padding-top:0;position:relative;z-index:1}.ssl-page:before{background:#fff;bottom:-10vh;content:"";left:-10vw;pointer-events:none;position:fixed;right:-10vw;top:-10vh;z-index:-1}.ssl-nav{align-items:center;animation:slideDownFade .8s cubic-bezier(.16,1,.3,1) forwards;display:flex;height:80px;justify-content:space-between;left:0;padding:6px 5%;position:fixed;top:0;transition:all .4s ease;width:100%;z-index:1000}.ssl-nav.ssl-nav--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 4px 20px #0000000d;height:80px}.ssl-nav__logo{align-items:center;display:flex}.ssl-nav__logo-img{height:150px;margin:0;transform:translateY(10px)}.ssl-nav__logo-img:hover{filter:drop-shadow(0 14px 30px rgba(0,0,0,.22)) contrast(1.1) brightness(1.08);transform:scale(1.06)}.ssl-nav__menu-btn{cursor:pointer;display:none;font-size:26px}.ssl-nav__actions{align-items:center;display:flex;gap:12px;transition:all .25s ease}.ssl-nav__btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14.5px;font-weight:600;gap:6px;overflow:hidden;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.ssl-nav--scrolled .ssl-nav__btn--login{border:none;margin:0;max-width:0;opacity:0;padding-left:0;padding-right:0;pointer-events:none}.ssl-nav__btn-icon{font-size:16px}.ssl-nav__btn--history{background:#f0f4f8;color:#1967d2}.ssl-nav__btn--history:hover{background:#e8f0fe;transform:translateY(-1px)}.ssl-nav__btn--login{background:#f97316;box-shadow:0 2px 6px #0e0c0a33;color:#fff}.ssl-nav__btn--login:hover{background:#ea580c;box-shadow:0 4px 10px #f973164d;transform:translateY(-1px)}.ssl-hero{align-items:center;animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) .2s forwards;aspect-ratio:4/3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 50px #0000004d;display:flex;justify-content:center;max-width:500px;opacity:0;overflow:hidden;padding:0;position:relative;width:100%}.ssl-hero__slide{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity .8s ease-in-out;width:100%;z-index:0}.ssl-hero__slide--active{opacity:1;z-index:2}.ssl-hero__dots{bottom:20px;display:flex;gap:8px;justify-content:center;position:absolute;width:100%;z-index:10}.ssl-hero__dot{background:#fff6;border:none;border-radius:50%;cursor:pointer;height:10px;transition:.3s;width:10px}.ssl-hero__dot.ssl-active{background:#fff;transform:scale(1.3)}.ssl-hero__placeholder{align-items:center;background:#ffffff0d;border-radius:24px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center}.ssl-card{background:#fff;border-radius:28px;box-shadow:0 18px 40px #0000001f;cursor:pointer;height:480px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.ssl-card:after{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:linear-gradient(0deg,#fffffff2 0,#ffffffd9 30%,#ffffff8c 55%,#ffffff26 75%,#fff0);bottom:0;content:"";height:50%;left:0;position:absolute;right:0;z-index:2}.ssl-card:hover{box-shadow:0 35px 70px #00000026}.ssl-card:active{transform:scale(.97)}.ssl-card__band{border-radius:28px 28px 0 0;height:60%;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.ssl-card__band-img{filter:brightness(1.05) contrast(1.05);height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .7s ease;width:100%;z-index:1}.ssl-card:hover .ssl-card__band-img{transform:scale(1.06)}.ssl-card__band--has-img:before{background:linear-gradient(180deg,#0000000a,#0000001f);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.ssl-card__illust{height:115px;position:absolute;right:8px;top:8px;width:105px;z-index:3}.ssl-card__illust img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.12));height:100%;object-fit:contain;object-position:bottom center;transition:transform .25s ease;width:100%}.ssl-card:hover .ssl-card__illust img{transform:translateY(-4px) scale(1.05)}.ssl-card__body{bottom:68px;left:20px;position:absolute;right:20px;z-index:3}.ssl-card__title{color:#1f2937;font-size:16px;font-weight:700}.ssl-card__desc,.ssl-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5;overflow:hidden}.ssl-card__desc{color:#555;font-size:13px}.ssl-card__desc *{display:inline!important;font-size:inherit!important;margin:0!important;padding:0!important}.ssl-card__desc br{display:none!important}.ssl-card__count{bottom:16px;color:#6b7280;font-size:13px;font-weight:500;left:20px;position:absolute;z-index:4}.ssl-card__count strong{color:#111827;font-weight:700}.ssl-parallax{align-items:center;background-attachment:fixed;background-position:50%;background-size:cover;color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;text-align:center}.ssl-parallax:before{display:none}.ssl-parallax__content{color:#fff;max-width:800px;padding:20px;position:relative;text-align:center;z-index:2}.ssl-parallax__content h2{font-size:36px;font-weight:700;margin-bottom:16px}.ssl-parallax__content p{font-size:18px;line-height:1.6}.ssl-intro-register{align-items:center;background-attachment:fixed;background-position:50%;background-size:cover;color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.ssl-intro-register__overlay{background:#00000080;display:none;inset:0;position:absolute;z-index:1}.sl-3d-section{align-items:center;background-attachment:fixed;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:90vh;overflow:hidden;padding:60px 0;perspective:1400px;position:relative}.sl-3d-section:before{background:#ffffffbf;content:"";inset:0;position:absolute;z-index:1}.sl-3d-viewport{align-items:center;display:flex;height:600px;justify-content:center;position:relative;width:100%}.sl-3d-carousel{height:480px;position:relative;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.sl-3d-item{-webkit-box-reflect:below 8px linear-gradient(#0000,#0000000d);-webkit-backface-visibility:hidden;backface-visibility:hidden;left:0;position:absolute;top:0;transform-style:preserve-3d;transition:all .8s ease}.sl-container{position:relative;z-index:2}.ssl-parallax-depth{background:#0000;height:100vh;overflow:hidden;perspective:2000px;position:relative}.parallax-scene{align-items:center;display:flex;gap:40px;height:100%;justify-content:space-between;position:relative;transform-style:preserve-3d;width:100%}.parallax-left{flex:1 1;height:100%;min-height:500px;overflow:hidden;position:relative;transform:translateX(150px);z-index:10}.parallax-right{position:relative;transform:translateY(-10px);width:420px;z-index:10}.parallax-right .ssl-hero{height:520px;margin-top:0;width:420px}.layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-origin:center;transition:transform .15s ease-out;width:100%;will-change:transform;z-index:1}.l1{transform:translateZ(-500px) translateY(calc(var(--progress)*40px)) scale(1.3)}.l2{transform:translateZ(-300px) translateY(calc(var(--progress)*-20px)) scale(1.3)}.l3{bottom:5px;height:60%;top:auto;transform:translateX(calc(-100% + var(--progress)*200%)) translateY(0) translateZ(0) scale(1.3);transition:transform .1s linear;width:auto;will-change:transform;z-index:5}.parallax-content{color:#fff;margin-left:-30px;pointer-events:none;position:relative;text-align:left;top:25%;transform:translateY(-50%);z-index:10}.parallax-content h2{font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.65;margin-bottom:12px;text-shadow:0 4px 15px #0000001a;white-space:pre-line}.parallax-content p{font-size:clamp(14px,2vw,20px);line-height:1.8;opacity:.95;text-shadow:0 2px 8px #0000004d}.sl-3d-nav-btn{align-items:center;background:#fffffff2!important;border:1px solid #ddd!important;border-radius:50%;box-shadow:0 4px 15px #00000026;cursor:pointer;display:flex!important;font-size:24px!important;height:50px!important;justify-content:center;min-height:50px!important;min-width:50px!important;padding:0!important;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px!important;z-index:100}.sl-3d-nav-btn svg{color:#f97316!important;font-size:24px!important}.sl-3d-nav-btn.prev{left:calc(50% - 45vw)}.sl-3d-nav-btn.next{right:calc(50% - 45vw)}.sl-3d-nav-btn:hover{background:#f97316!important;border-color:#f97316!important;transform:translateY(-50%) scale(1.1)}.sl-3d-nav-btn:hover svg{color:#fff!important}.sl-3d-dots{display:flex;gap:10px;justify-content:center;margin-top:20px;position:relative;z-index:20}.sl-3d-dot{background:#cbd5e1;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.sl-3d-dot.active{background:#f97316;border-radius:10px;width:28px}.sl-footer{animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) .8s forwards;background:#fff;border-top:1px solid #f0f0f0;color:#666;font-size:12px;opacity:0;padding:18px;text-align:center;width:100%}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleInFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:1400px){.sl-3d-nav-btn.prev{left:20px}.sl-3d-nav-btn.next{right:20px}}@media (max-width:1100px){.ssl-parallax-depth{background-attachment:scroll;height:auto;min-height:100svh;overflow:hidden}.parallax-scene{gap:28px;justify-content:center;min-height:100svh;padding:100px 24px 48px;transform-style:flat}.parallax-left,.parallax-scene{align-items:center;flex-direction:column;height:auto}.parallax-left{display:flex;min-height:0;min-height:auto;overflow:visible}.parallax-content,.parallax-left{transform:none!important;width:100%}.parallax-content{margin:0;max-width:600px;padding:0 8px;position:static!important;text-align:center;top:auto!important}.parallax-content h2{color:#1e293b;font-size:clamp(26px,5vw,40px);text-shadow:none;white-space:normal}.parallax-content h2 span{color:#f97316}.parallax-content p{color:#475569;font-size:clamp(14px,3vw,17px);opacity:1;text-shadow:none}.parallax-right{max-width:480px;transform:none!important;width:100%}.parallax-right .ssl-hero{aspect-ratio:4/3;height:auto;max-width:none;width:100%}}@media (max-width:1024px){.ssl-hero{aspect-ratio:16/6}}@media (max-width:768px){.ssl-page{padding-top:56px}.ssl-nav{height:56px}.ssl-nav__logo-img{height:75px;margin-left:-15px;margin-top:10px}.ssl-nav__menu-btn{display:block}.ssl-nav__actions{background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000026;display:none;flex-direction:column;gap:12px;padding:16px;position:absolute;right:12px;top:60px;width:220px}.ssl-nav__actions.ssl-open{display:flex}.ssl-nav--scrolled .ssl-nav__actions.ssl-open .ssl-nav__btn--login{max-width:200px;opacity:1;padding:10px 16px;pointer-events:auto}.ssl-hero{aspect-ratio:4/3}.parallax-scene{gap:20px;padding:80px 20px 40px}.parallax-content h2{font-size:clamp(22px,6vw,30px)}.parallax-content p{font-size:clamp(13px,3.5vw,15px)}.parallax-right{max-width:100%}.parallax-right .ssl-hero{border-radius:16px}.sl-3d-section{background-attachment:scroll;padding:60px 0;perspective:1200px}.sl-3d-viewport{height:500px}.sl-3d-carousel{height:400px}.ssl-card{height:420px!important}.sl-3d-item:not(.active){filter:brightness(.7);opacity:.4;pointer-events:none}.sl-3d-nav-btn{height:40px!important;min-width:40px!important;width:40px!important}.sl-3d-nav-btn.prev{left:10px}.sl-3d-nav-btn.next{right:10px}.ssl-parallax{background-attachment:scroll;min-height:60vh}.ssl-parallax__content h2{font-size:26px}.ssl-parallax__content p{font-size:15px}}@media (max-width:540px){.ssl-hero{aspect-ratio:4/3;margin:0 auto;width:calc(100% - 24px)}.parallax-scene{gap:16px;padding:72px 16px 32px}.parallax-content h2{font-size:clamp(20px,7vw,26px)}.parallax-right{max-width:100%}.ssl-card__illust{height:95px;width:80px}.ssl-nav__btn{font-size:14px;justify-content:flex-start;padding:12px 16px;width:100%}.ssl-nav__btn-icon{font-size:18px;margin-right:6px}.sl-3d-viewport{height:420px}.sl-3d-carousel{height:360px}.ssl-card{height:380px!important}.ssl-parallax{min-height:50vh}.ssl-parallax__content h2{font-size:22px}.ssl-parallax__content p{font-size:14px}}@media (max-width:400px){.ssl-nav{padding:0 15px}.ssl-nav__logo-img{height:60px;margin-left:-15px;margin-top:10px}.parallax-scene{padding:64px 12px 28px}.parallax-content h2{font-size:clamp(18px,8vw,22px)}.sl-3d-viewport{height:380px}.sl-3d-carousel{height:320px}.ssl-card{height:340px!important}.sl-3d-nav-btn{height:34px!important;min-width:34px!important;width:34px!important}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.login-page{background:url(/static/media/login-image.2152b6c14ce4a6004b76.png) no-repeat 50%;background-size:cover;height:100vh;justify-content:center;padding-top:70px;width:100vw}.login-header,.login-page{align-items:center;display:flex}.login-header{background:#fff;box-shadow:0 2px 10px #0000000d;height:70px;justify-content:space-between;left:0;padding:0 40px;position:fixed;right:0;top:0;z-index:100}.header-logo img{height:100px;width:auto}.login-left{display:none!important}.login-left__illust img{border-radius:40px;filter:brightness(.8) saturate(.6);height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.login-right{background:#0000!important;justify-content:center;max-width:480px;padding:24px;z-index:10}.login-right,.login-right-card{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.login-right-card{animation:fadeSlideUpCard .8s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;background:#ffffff73!important;border:1px solid #fff6!important;border-radius:35px!important;box-shadow:0 25px 50px #00000026!important;font-family:Noto Sans Thai,sans-serif;gap:12px;margin-top:50px;padding:50px 35px;padding-top:90px!important}.login-logo-img{display:block;height:auto;width:180px}.login-logo-float{align-items:center;animation:fadeSlideUpLogo .8s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border:2px solid #fffc;border-radius:50%;box-shadow:0 10px 25px #0000001a;display:flex;height:150px;justify-content:center;left:50%;padding:12px;position:absolute;top:-10px;width:150px;z-index:10}.login-form{display:flex;flex-direction:column;gap:14px;width:100%}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#b0b0b0;left:18px;position:absolute;z-index:5}.login-input{background:#fff!important;border:1px solid #ffffff4d!important;border-radius:50px;color:#333;font-size:15px;outline:none;padding:14px 44px 14px 48px;transition:all .2s;width:100%}.login-password-toggle{background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:5}.ac-dropdown{animation:ac-drop-in .2s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(15px);background:#fffffff0!important;border:1.5px solid #f973164d!important;border-radius:18px;box-shadow:0 12px 40px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:100%;z-index:1000}@keyframes ac-drop-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ac-dropdown__header{background:#f973160d;border-bottom:1px solid #0000000d;color:#f97316;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;text-transform:uppercase}.ac-dropdown__header,.ac-item{align-items:center;display:flex;padding:12px 16px}.ac-item{border-bottom:1px solid #00000008;cursor:pointer;gap:12px;transition:all .15s ease}.ac-item:last-child{border-bottom:none}.ac-item--active,.ac-item:hover{background:#f9731614}.ac-item__avatar{align-items:center;background:linear-gradient(135deg,#f97316,#ff9d5c);border-radius:50%;box-shadow:0 4px 10px #f9731633;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.ac-item__text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ac-item__name{color:#222;font-size:14.5px;font-weight:600}.ac-item__sub{color:#888;font-size:11px}.ac-highlight{background:#f9731633;border-radius:3px;color:#d85f00;font-weight:800;padding:0 2px}.login-error{align-items:center;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both;background:#fee2e2cc;border:1px solid #dc262633;border-radius:12px;color:#dc2626;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:10px;padding:10px 16px;width:100%}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}input::-ms-clear,input::-ms-reveal{display:none}input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{pointer-events:none;position:absolute;right:0;visibility:hidden}.ac-item__remove{align-items:center;background:#00000014;border:1px solid #0000000d;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;margin-left:8px;transition:all .2s ease;width:26px}.ac-item__remove:hover{background:#ffeded!important;border-color:#fee2e2;box-shadow:0 2px 8px #ef444433;color:#ef4444!important;transform:scale(1.1)}.login-remember-row{align-items:center;display:flex;width:100%}.login-remember{gap:10px;margin:5px 0}.login-remember,.login-remember__box{align-items:center;cursor:pointer;display:flex}.login-remember__box{background:#fff;border:2px solid #fff9;border-radius:50%;height:22px;justify-content:center;position:relative;transition:all .2s ease;width:22px}.login-remember__box.checked{background:#f97316;border-color:#f97316;box-shadow:0 4px 12px #f9731666}.login-remember__text{color:#333;font-size:14.5px;font-weight:500}.login-btn{background:#f97316;border:none;border-radius:50px;box-shadow:0 5px 15px #f973164d;color:#fff;font-size:17px;font-weight:700;padding:14px;width:100%}.login-back,.login-btn{cursor:pointer;font-family:Noto Sans Thai,sans-serif!important}.login-back{background:none;border:none;color:#666;font-size:13.5px;margin-top:10px;transition:color .2s}.login-back:hover{color:#f97316}.turnstile-wrap{display:flex!important;justify-content:center!important;margin:5px 0;min-height:70px;width:100%!important}@media (max-width:768px){.login-right{padding-bottom:30px;padding-top:50px}.login-right-card{border-radius:30px!important;margin-top:40px;padding:30px 20px;padding-top:55px!important}.login-logo-float{animation:fadeSlideUp .8s cubic-bezier(.16,1,.3,1) forwards!important;background:#fff;border-radius:50%;box-shadow:0 8px 20px #0000001a;height:110px!important;left:50%;padding:15px!important;position:absolute!important;top:25px!important;transform:translateX(-50%)!important;width:110px!important;z-index:20!important}.login-logo-img{height:auto;width:160px!important}.turnstile-wrap{margin:0;transform:scale(.85)}.ac-item__remove{background:#00000014;font-size:12px;height:32px;width:32px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeSlideUpCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUpLogo{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sut2-page{background-color:#0f172a;font-family:Sarabun,sans-serif;overflow-x:hidden}.sut2-page *{box-sizing:border-box;margin:0;padding:0}.sut2-main-wrapper{background-color:#f8fafc;box-shadow:0 20px 50px #00000080;margin-bottom:350px;position:relative;transform:translateZ(0);will-change:transform;z-index:2}.sut2-footer{background:#0f172a;bottom:0;color:#94a3b8;display:flex;flex-direction:column;height:350px;justify-content:center;left:0;padding:40px 10%;position:fixed;width:100%;z-index:1}.sut2-footer-content{border-bottom:1px solid #1e293b;display:flex;gap:40px;justify-content:space-between;margin-bottom:20px;padding-bottom:30px}.sut2-footer-logo{filter:brightness(0) invert(1);height:150px;margin-bottom:1px;transform:translate(-35px,-20px)}.sut2-footer-col h4{color:#f8fafc;font-size:18px;margin-bottom:16px}.sut2-footer-bottom{font-size:14px;text-align:center}@media (max-width:768px){.sut2-main-wrapper{margin-bottom:0}.sut2-footer{height:auto;padding:40px 20px;position:relative;z-index:2}.sut2-footer-content{flex-direction:column}}.sut2-nav{align-items:center;display:flex;justify-content:space-between;left:0;padding:6px 5%;position:fixed;top:0;transform:translateZ(0);transition:all .4s ease;width:100%;z-index:100}.sut2-nav--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 4px 20px #0000000d;height:80px;padding:1px 5%}.sut2-nav__logo img{height:150px;margin-top:10%}.sut2-nav__actions{display:flex;gap:12px}.sut2-nav__btn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;font-family:Noto Sans Thai,sans-serif;font-size:15px;font-weight:600;gap:8px;padding:10px 20px;transition:.3s}.sut2-nav__btn--history{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b99;border:1px solid #ffffff26;color:#fff}.sut2-nav__btn--history:hover{background:linear-gradient(135deg,#d4af37,#facc15);border:none;color:#1e293b}.sut2-nav--scrolled .sut2-nav__btn--history:hover{background:#f1f5f9}.sut2-nav__btn--login{background:#f47932;box-shadow:0 4px 15px #f479324d;color:#fff}.sut2-nav__btn--login:hover{background:#e06825;transform:translateY(-2px)}.sut2-nav__menu-btn{color:#1e293b;cursor:pointer;display:none;font-size:28px}@media (max-width:1024px){.sut2-nav__menu-btn{color:#fff;display:block}.sut2-nav--scrolled .sut2-nav__menu-btn{color:#1e293b}.sut2-nav__actions{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;flex-direction:column;opacity:0;padding:16px;pointer-events:none;position:absolute;right:5%;top:100%;transform:translateY(-10px);transition:.3s;z-index:101}.sut2-open{opacity:1;pointer-events:auto;transform:translateY(0)}.sut2-nav{background:#0000!important;box-shadow:none!important;padding-left:15px!important;padding-right:5%!important}.sut2-nav--scrolled{background:#fffffff2!important;box-shadow:0 4px 20px #0000000d!important;height:70px!important}}.sut2-hero{align-items:center;background-color:#0f172a;display:flex;min-height:100vh;overflow:hidden;padding:100px 5%;position:relative;transform:translateZ(0);z-index:1}.sut2-hero__bg{background-position:50%;background-size:cover;height:160%;left:0;pointer-events:none;position:absolute;top:-30%;width:100%;will-change:transform;z-index:0}.sut2-hero__overlay{background:linear-gradient(135deg,#0f172ae6,#0f172a66);inset:0;position:absolute;transform:translateZ(0);z-index:1}.sut2-hero__content{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1300px;position:relative;width:100%;z-index:2}.sut2-hero__text-box{animation:sut2FadeInUp 1s ease-out;color:#fff;flex:1 1;font-family:Noto Sans Thai,sans-serif;width:100%;will-change:transform}.sut2-hero__badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;display:none;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:20px}.sut2-hero__title{font-size:4rem;font-weight:700;line-height:1.3;margin-bottom:20px}.sut2-hero__highlight{color:#f47932;font-size:3.2rem}.sut2-hero__subtitle{color:#cbd5e1;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.sut2-hero__cta{background:#f47932;border:none;border-radius:40px;box-shadow:0 10px 30px #f4793266;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;font-weight:700;padding:16px 32px;transition:.3s}.sut2-hero__cta-group{display:flex;flex-wrap:wrap;gap:16px}.sut2-hero__cta--secondary{background:#3f6f70;border:2px solid #3f6f70;box-shadow:none;color:#fff;transition:all .3s ease}.sut2-hero__cta--secondary:hover{background:#355e5f;border-color:#355e5f;color:#fff;transform:translateY(-2px)}.sut2-hero__banner-box{animation:sut2FadeInUp 1s ease-out .2s backwards;flex:1 1;max-width:500px;will-change:transform}.sut2-banner-slider{aspect-ratio:4/3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 50px #0000004d;overflow:hidden;position:relative;transform:translateZ(0);width:100%}.sut2-banner-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transform:translateZ(0);transition:opacity .8s ease-in-out;width:100%}.sut2-banner-slide.active{opacity:1}.sut2-banner-dots{bottom:20px;display:flex;gap:8px;justify-content:center;position:absolute;width:100%;z-index:10}.sut2-banner-dot{background:#fff6;border:none;border-radius:50%;cursor:pointer;height:10px;transition:.3s;width:10px}.sut2-banner-dot.active{background:#fff;transform:scale(1.3)}.sut2-banner-placeholder{align-items:center;background:#ffffff0d;border-radius:24px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center}@media (max-width:992px){.sut2-hero__content{flex-direction:column;text-align:center}.sut2-hero__subtitle{margin:0 auto 30px}.sut2-hero__banner-box{max-width:600px;width:100%}}.sut2-3d-layout-container{-webkit-overflow-scrolling:touch!important;align-items:center!important;display:flex!important;flex-direction:row!important;gap:20px!important;justify-content:flex-start!important;margin-left:calc(-50vw + 50%)!important;overflow-x:auto!important;overflow-y:hidden!important;padding:20px 5vw!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;transform:translateZ(0);width:100vw!important}.sut2-3d-layout-container::-webkit-scrollbar{display:none!important}.sut2-left-column{align-items:center!important;display:flex!important;flex-shrink:0!important;height:480px!important;justify-content:center!important;scroll-snap-align:center!important;width:auto!important}.sut2-promo-static-card{background:linear-gradient(135deg,#f97316,#fb923c);border-radius:30px;box-shadow:0 20px 40px #f9731626;color:#fff;display:flex;flex-direction:column;height:480px!important;margin:0!important;overflow:hidden;padding:40px 30px;position:relative;transform:none!important;width:320px!important;z-index:10}.sut2-promo-static-card.promo-flip{transform:rotateY(180deg)!important}.sut2-promo-static-card:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 140 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 90 25 70a10 10 0 0 1 15-15 10 10 0 0 1 15 15Z' stroke='%23fff' stroke-width='2.5' fill='none'/%3E%3Cpath d='M90 100 50 60a20 20 0 0 1 40-30 20 20 0 0 1 40 30Z' stroke='%23fff' stroke-width='3' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;bottom:-30px;content:"";height:200px;opacity:.3;pointer-events:none;position:absolute;right:10px;transform:translateZ(0);width:200px;z-index:1}.sut2-promo-static-card>*{position:relative;z-index:2}.sut2-3d-main-content{flex-shrink:0!important;height:480px!important;margin:0!important}.sut2-3d-main-content,.sut2-stacked-viewport{align-items:center!important;display:flex!important;width:auto!important}.sut2-stacked-viewport{flex-shrink:0;height:100%!important;overflow:visible!important;padding:0!important;position:relative;transform:none!important;z-index:50}.sut2-stacked-viewport:after{display:none!important}.sut2-stacked-list{align-items:center!important;display:flex!important;gap:20px!important;height:100%!important;position:static!important;transform:none!important;width:-webkit-max-content!important;width:max-content!important}.sut2-stacked-item,.sut2-stacked-item.active,.sut2-stacked-item.exit,.sut2-stacked-item.hidden,.sut2-stacked-item.visible,.sut2-stacked-item.waiting{cursor:pointer;display:block!important;flex-shrink:0!important;height:480px!important;left:auto!important;opacity:1!important;pointer-events:auto!important;position:relative!important;scroll-snap-align:center!important;top:auto!important;transform:none!important;transition:none!important;visibility:visible!important;width:320px!important;z-index:1!important}.promo-back-forms,.sut2-compact-controls,.sut2-dots-wrapper-left,.sut2-stacked-controls{display:none!important}.sut2-3d-section{background:linear-gradient(180deg,#0f172a00 0,#0f172a0d 10px,#0f172a26 20px,#0f172a4d 30px,#0f172a80 40px,#0f172ab3 50px,#0f172ad9 60px,#0f172af2 70px,#0f172a 80px,#0f172a calc(100% - 80px),#0f172af2 calc(100% - 70px),#0f172ad9 calc(100% - 60px),#0f172ab3 calc(100% - 50px),#0f172a80 calc(100% - 40px),#0f172a4d calc(100% - 30px),#0f172a26 calc(100% - 20px),#0f172a0d calc(100% - 10px),#0f172a00);margin-bottom:-80px;margin-top:-80px;overflow:visible;padding:100px 0;position:relative;transform:translateZ(0);z-index:10}.form-panel{opacity:1!important;transform:none!important;transition:none!important}.promo-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s ease;width:100%}.sut2-promo-static-card.promo-flip .promo-inner{transform:rotateY(180deg)}.promo-back,.promo-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0000;border-radius:30px;inset:0;overflow:hidden;position:absolute}.promo-back{display:flex;flex-direction:column;justify-content:flex-start;padding-top:1px;transform:rotateY(180deg) scaleX(-1)}.promo-back *{transform:rotateY(180deg)}.promo-back .sut2-promo-content{margin-bottom:20px}.sut2-promo-title{font-size:2.2rem;font-weight:800;letter-spacing:-.5px;line-height:1.2}.sut2-promo-divider{background:#fff;border-radius:2px;height:4px;margin:20px 0;width:40px}.sut2-promo-desc{font-size:1.05rem;line-height:1.7;opacity:.9}.sut2-promo-content{align-items:center;display:flex;flex-direction:column;font-family:Noto Sans Thai,sans-serif;gap:5px;height:100%;justify-content:flex-start;padding-top:30px;text-align:center}.back-btn{background:#f1f5f9;border:none;border-radius:20px;color:#475569;cursor:pointer;font-weight:600;margin-bottom:20px;margin-top:auto;padding:8px 18px;transition:.3s}.back-btn:hover{background:#f97316;color:#fff}.sut2-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 15px #0000001a!important;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transform:none!important;transition:all .3s ease!important;width:100%}.sut2-card:hover{box-shadow:0 10px 25px #00000026!important;transform:translateY(-5px)!important}.sut2-card__band{background:#e2e8f0;height:140px;position:relative}.sut2-card__band-img{height:100%;object-fit:cover;width:100%}.sut2-card__illust{align-items:center;background:#fff;display:flex;height:120px;justify-content:center;margin-top:-40px;position:relative;transform:translateZ(0);z-index:2}.sut2-card__illust img{height:100px;object-fit:contain;width:100px}.sut2-card__body{display:flex;flex:1 1;flex-direction:column;gap:15px;padding:25px 20px;text-align:left}.sut2-card__title{line-clamp:2;-webkit-line-clamp:2;color:#1e293b;font-size:1.15rem;font-weight:700;line-height:1.4;min-height:3.2rem}.sut2-card__desc,.sut2-card__title{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.sut2-card__desc{-webkit-line-clamp:3;line-clamp:3;color:#64748b;font-size:.95rem;font-weight:400;line-height:1.6}.sut2-card__count{background:#f8fafc;border-top:1px solid #f1f5f9;padding:15px 20px;text-align:right}.sut2-card__count-text{color:#475569;font-size:.9rem}.sut2-card__count-text strong{color:#f47932;font-size:1.1rem}.sut2-card--blue .sut2-card__band{background:linear-gradient(135deg,#3b82f6,#2563eb)}.sut2-card--pink .sut2-card__band{background:linear-gradient(135deg,#ec4899,#db2777)}.sut2-card--green .sut2-card__band{background:linear-gradient(135deg,#10b981,#059669)}.clinic-card{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;overflow:hidden;position:relative;transform:translateZ(0);transition:transform .5s ease,opacity .5s ease;width:100%;will-change:transform}.clinic-card>*{position:relative;z-index:2}.clinic-card:before{background:#00000059;content:"";inset:0;position:absolute}.clinic-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.clinic-icon{align-items:center;background:#fff7ed;border-radius:50%;color:#f97316;display:flex;font-size:40px;height:90px;justify-content:center;transform:translateZ(0);width:90px}.clinic-icon img{border:2px solid #e2e8f0;border-radius:50%;height:120px;object-fit:cover;width:120px}.clinic-card h3{color:#fff;font-family:Noto Sans Thai,sans-serif;font-size:1.3rem;font-weight:700;text-shadow:0 2px 8px #0009}.sut2-steps-section{overflow:hidden;padding:150px 5%;position:relative;transform:translateZ(0);z-index:1}.sut2-steps__bg{background-position:50%;background-size:cover;height:160%;left:0;top:-30%;width:100%;will-change:transform;z-index:0}.sut2-steps-overlay,.sut2-steps__bg{position:absolute;transform:translateZ(0)}.sut2-steps-overlay{background:#0f172ad9;inset:0;z-index:1}.sut2-steps-content{font-family:Noto Sans Thai,sans-serif;margin:0 auto;max-width:1200px;position:relative;z-index:2}.sut2-steps-title{color:#fff;font-size:2.5rem;margin-bottom:60px;text-align:center}.sut2-steps-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sut2-step-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;padding:40px 30px;text-align:center;transition:box-shadow .3s,transform .3s,background .3s;will-change:transform}.sut2-step-glass:hover{background:#ffffff26;box-shadow:0 10px 30px #0000004d;transform:translateY(-8px)}.sut2-step-icon{align-items:center;background:#f4793233;border-radius:50%;color:#f47932;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.sut2-step-glass h3{font-size:1.2rem;margin-bottom:16px}.sut2-step-glass p{color:#cbd5e1;font-size:1.05rem;line-height:1.6}.clinic-fly{animation:slideLeft .5s linear forwards}@keyframes slideLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-600px)}}@media (max-width:1024px){.sut2-hero__cta-group{display:flex!important;justify-content:center!important;width:100%!important}.sut2-left-column{height:420px!important}.sut2-promo-static-card{height:420px!important;width:280px!important}.sut2-3d-main-content{height:420px!important}.sut2-stacked-item,.sut2-stacked-item.active,.sut2-stacked-item.exit,.sut2-stacked-item.hidden,.sut2-stacked-item.visible,.sut2-stacked-item.waiting{height:420px!important;width:280px!important}}@media (max-width:768px){.sut2-left-column{height:380px!important}.sut2-promo-static-card{height:380px!important;padding:30px 20px!important;width:260px!important}.sut2-3d-main-content{height:380px!important}.sut2-stacked-item,.sut2-stacked-item.active,.sut2-stacked-item.exit,.sut2-stacked-item.hidden,.sut2-stacked-item.visible,.sut2-stacked-item.waiting{height:380px!important;width:260px!important}.sut2-step-glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#1e293bf2;border-color:#ffffff0d;box-shadow:none}.sut2-hero__title{font-size:30px!important;line-height:1.35}.sut2-hero__highlight{font-size:20px!important}.sut2-hero__subtitle{font-size:15px!important;line-height:1.6;margin:0 auto 30px!important}.sut2-nav__logo{margin-left:-6px}.sut2-nav__logo img{height:100px!important}.sut2-nav__menu-btn{color:#fff;font-size:24px}.sut2-nav--scrolled .sut2-nav__menu-btn{color:#1e293b}.sut2-nav__actions{right:4%!important;top:90%!important}.sut2-nav__btn{font-size:14px;padding:8px 14px}.sut2-hero__cta-group{flex-wrap:nowrap!important;gap:10px;justify-content:center!important;width:100%}.sut2-hero__cta{flex:1 1;font-size:14px!important;padding:10px 14px!important;white-space:nowrap}.back-btn{display:block;font-size:.9rem;margin:auto auto 20px;padding:.4rem .8rem;position:relative;width:90%}}@keyframes sut2FadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.0588adeb.css.map*/