:root{--neon-blue: #00f2fe;--neon-pink: #fe0979;--bg-dark: #0f0c29;--bg-mid: #302b63;--bg-light: #24243e;--text-main: #ffffff;--text-muted: #b3b3b3;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .2)}*{box-sizing:border-box;margin:0;padding:0;font-family:Kanit,sans-serif}body{background:linear-gradient(135deg,var(--bg-dark),var(--bg-mid),var(--bg-light));color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:absolute;width:50vw;height:50vw;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.4;animation:float 10s infinite alternate}body:before{background:radial-gradient(circle,var(--neon-blue) 0%,transparent 70%);top:-20%;left:-10%}body:after{background:radial-gradient(circle,var(--neon-pink) 0%,transparent 70%);bottom:-20%;right:-10%;animation-delay:-5s}@keyframes float{0%{transform:translate(0)}to{transform:translate(5%,5%)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--glass-highlight);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.btn{background:var(--glass-highlight);color:var(--text-main);border:1px solid var(--glass-border);padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #00f2fe4d}.btn-primary{background:linear-gradient(45deg,var(--neon-blue),var(--neon-pink));border:none;font-weight:600}.btn-primary:hover{background:linear-gradient(45deg,#00d2ff,#f05);box-shadow:0 4px 20px #fe097966}.btn-icon{padding:8px;border-radius:50%}input,textarea,select{background:#0003;border:1px solid var(--glass-border);color:var(--text-main);padding:10px 14px;border-radius:8px;font-family:inherit;width:100%;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--neon-blue);box-shadow:0 0 10px #00f2fe33;background:#0006}input::placeholder,textarea::placeholder{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 10px #00f2fe4d;border-color:#00f2fe80}50%{box-shadow:0 0 25px #00f2fecc;border-color:#00f2fe}to{box-shadow:0 0 10px #00f2fe4d;border-color:#00f2fe80}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.playing-pulse{animation:pulseGlow 1.5s infinite alternate!important;border-color:var(--neon-blue)!important;background:#00f2fe0d!important}.animate-spin{animation:spin 1s linear infinite}.glass-panel{transition:all .3s ease}.glass-panel:hover{box-shadow:0 12px 40px #0006}