@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap";*{font-family:IBM Plex Sans Thai,sans-serif;box-sizing:border-box;margin:0;padding:0}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes scale-up{0%{scale:.95;opacity:0}to{scale:1;opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen.clean{--accent: #8a58cb;--accent-2: #f0abfc;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;z-index:99999;overflow:hidden;background:radial-gradient(1000px 500px at 10% -10%,rgba(140,80,255,.18),transparent),radial-gradient(800px 400px at 90% 110%,rgba(200,120,255,.12),transparent),linear-gradient(160deg,#250f45,#5f3da2,#734dcd)}.no-scroll{overflow:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;gap:18px}.logo{width:150px;height:150px;border-radius:14px;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.progress-wrapper{width:220px;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px #c084fc99;transition:width .25s ease}.loading-text{font-size:16px;opacity:.75;letter-spacing:.4px}.glass-btn{position:fixed;right:20px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:9999;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#5f3da2b3,#a548ec99);border:1px solid rgba(255,255,255,.2);transition:.3s}.glass-btn:hover{transform:scale(1.1)}.glass-btn.package{bottom:95px}.glass-btn.contact{bottom:20px}.hint-box{position:fixed;right:95px;width:230px;padding:12px 14px;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid rgba(255,255,255,.2);color:#5f3da2;box-shadow:0 10px 30px #00000040;animation:floatIn 2s ease}.package-hint{bottom:95px}.contact-hint{bottom:20px}.hint-box h4{margin:0;font-size:14px}.hint-box p{margin:3px 0 0;font-size:12px;opacity:.8}@keyframes floatIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.glass-btn{animation:sway 4s ease-in-out infinite;transform-origin:center}.glass-btn.package{animation-delay:0s}.glass-btn.contact{animation-delay:.6s}@keyframes sway{0%{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(0)}75%{transform:rotate(8deg)}to{transform:rotate(0)}}