body{font-family:Sarabun,sans-serif;background-color:#eef2ff;background-image:radial-gradient(at 0% 0%,hsla(253,100%,85%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,100%,85%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,100%,85%,1) 0,transparent 50%),radial-gradient(at 0% 100%,hsla(190,100%,85%,1) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(280,100%,85%,1) 0,transparent 50%);background-size:150% 150%;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;animation:backgroundMove 20s ease infinite alternate}@keyframes backgroundMove{0%{background-position:0% 0%}to{background-position:100% 100%}}.glass-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5)}.glass-header{background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#a5b4fc,#c084fc)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}