:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-light:#f4f7f9;--bg-gradient-mesh:radial-gradient(circle at 15% 50%, #0ea5e914, transparent 40%), radial-gradient(circle at 85% 30%, #ef444414, transparent 40%);--primary-color:#1f528a;--primary-light:#2b6db3;--primary-dark:#123359;--primary-glow:#1f528a4d;--accent-color:#dc3545;--accent-hover:#e04a58;--accent-dark:#b02a37;--accent-glow:#dc35454d;--success-color:#00965e;--success-hover:#1aa370;--success-dark:#007348;--success-glow:#00965e4d;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-highlight:#fffc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--error-color:#ef4444;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 10px 30px #0000000a;--shadow-hover:0 20px 40px #00000014;--shadow-glow:0 0 20px var(--primary-glow);--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--transition-speed:.4s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Google Sans,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.bg-mesh{z-index:-1;background:var(--bg-gradient-mesh);background-color:#f8fafc;width:100vw;height:100vh;animation:20s ease-in-out infinite alternate bgShift;position:fixed;top:0;left:0}@keyframes bgShift{0%{transform:scale(1)}to{transform:scale(1.1)}}.bg-mesh:after{content:"";opacity:.8;pointer-events:none;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iMC4wMiIvPjwvc3ZnPg==);position:absolute;inset:0}a{color:var(--primary-color);transition:all var(--transition-speed) ease;text-decoration:none}a:hover{color:var(--primary-dark)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:1rem;font-weight:700}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Google Sans,Noto Sans Thai,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.95)}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover:not(:disabled){color:#fff;box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-3px)scale(1.02)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background-color:#fff}.btn-secondary:hover:not(:disabled){color:var(--text-primary);background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #0000000f}.btn-accent{background:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-dark) 100%);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-accent:hover:not(:disabled){color:#fff;box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-3px)scale(1.02)}.btn-success{background:linear-gradient(135deg, var(--success-color) 0%, var(--success-dark) 100%);color:#fff;box-shadow:0 4px 15px var(--success-glow)}.btn-success:hover:not(:disabled){color:#fff;box-shadow:0 8px 25px var(--success-glow);transform:translateY(-3px)scale(1.02)}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .85rem;font-size:.85rem}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-speed) ease;background-color:#fff;padding:.75rem 1rem;font-family:Google Sans,Noto Sans Thai,sans-serif;font-size:.95rem;box-shadow:inset 0 2px 4px #00000005}.form-control:focus{border-color:var(--primary-color);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #0ea5e926}.form-control::placeholder{color:var(--text-muted)}.container{z-index:1;max-width:1400px;margin:0 auto;padding:2rem;position:relative}.header{z-index:50;background:#0b284a;justify-content:space-between;align-items:center;padding:.7rem 2.5rem;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0000000d}.header-title{color:#fff;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.header-title-highlight{color:var(--primary-color)}.main-content{margin-top:2rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}