@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;600&family=Manrope:wght@400;600&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-deep:#02040a;--color-bg-dark:#0f172a;--color-bg-overlay:#0f172a99;--color-accent-primary:#38bdf8;--color-accent-secondary:#818cf8;--color-accent-glow:#38bdf880;--glass-surface-translucent:#ffffff0d;--glass-surface-hover:#ffffff1a;--glass-surface-active:#ffffff26;--glass-vibrancy:#38bdf80d;--glass-inner-glow:inset 0 0 0 .5px #ffffff1a,inset 0 1px 0 #ffffff26;--border-glass:#ffffff0a;--border-glass-strong:#ffffff14;--border-highlight:#ffffff26;--color-text-primary:#fff;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-accent:#38bdf8;--color-error:#ef4444;--color-success:#22c55e;--color-white:#fff;--color-black:#000;--color-primary-300:#daff53;--color-primary-400:#a9e004;--color-primary-500:#98c905;--color-grey-100:#f9f9fb;--color-grey-200:#e4e7ed;--color-grey-300:#c5c9d2;--color-grey-400:#8f93a1;--color-grey-500:#3f4550;--color-red-100:#ffe0dc;--color-red-200:#ffb8ad;--color-red-300:#ff8573;--color-red-400:#f25c5c;--color-red-500:#d63d3d;--color-stone-50:#fafaf9;--color-stone-100:#f5f5f4;--color-stone-200:#e7e5e4;--color-stone-300:#d6d3d1;--color-stone-400:#a8a29e;--color-stone-500:#78716c;--color-stone-600:#57534e;--color-stone-700:#44403c;--color-stone-800:#292524;--color-stone-900:#1c1917;--color-stone-950:#0c0a09;--font-primary:"Manrope","IBM Plex Sans Thai",sans-serif;--font-fallback:"IBM Plex Sans Thai",sans-serif;--weight-regular:400;--weight-semibold:600;--font-size-heading-m:36px;--line-height-heading-m:48px;--font-size-heading-s:18px;--line-height-heading-s:28px;--font-size-body-m:16px;--line-height-body-m:24px;--font-size-body-s:14px;--line-height-body-s:18px;--font-size-caption-m:12px;--line-height-caption-m:16px}.text-heading-m{font-family:var(--font-primary);font-size:var(--font-size-heading-m);line-height:var(--line-height-heading-m);font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:-.5px}.text-heading-s{font-family:var(--font-primary);font-size:var(--font-size-heading-s);line-height:var(--line-height-heading-s);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.text-body-m-600{font-family:var(--font-primary);font-size:var(--font-size-body-m);line-height:var(--line-height-body-m);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.text-body-m-400{font-family:var(--font-primary);font-size:var(--font-size-body-m);line-height:var(--line-height-body-m);font-weight:var(--weight-regular);color:var(--color-text-secondary)}.text-body-s{font-family:var(--font-primary);font-size:var(--font-size-body-s);line-height:var(--line-height-body-s);font-weight:var(--weight-regular);color:var(--color-text-secondary)}.text-caption-m{font-family:var(--font-primary);font-size:var(--font-size-caption-m);line-height:var(--line-height-caption-m);font-weight:var(--weight-regular);color:var(--color-text-tertiary)}.text-gradient-quantum{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-stone-950{color:#fff}.text-stone-500{color:var(--color-stone-500)}.text-stone-400{color:var(--color-stone-400)}.text-stone-300{color:var(--color-stone-300)}.text-red-500{color:var(--color-red-500)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-grey-100{background-color:var(--color-grey-100)}.bg-grey-200{background-color:var(--color-grey-200)}.bg-grey-300{background-color:var(--color-grey-300)}.bg-grey-400{background-color:var(--color-grey-400)}.bg-grey-500{background-color:var(--color-grey-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-stone-50{background-color:var(--color-stone-50)}.bg-stone-100{background-color:var(--color-stone-100)}.bg-stone-200{background-color:var(--color-stone-200)}.bg-stone-300{background-color:var(--color-stone-300)}.bg-stone-400{background-color:var(--color-stone-400)}.bg-stone-500{background-color:var(--color-stone-500)}.bg-stone-600{background-color:var(--color-stone-600)}.bg-stone-700{background-color:var(--color-stone-700)}.bg-stone-800{background-color:var(--color-stone-800)}.bg-stone-900{background-color:var(--color-stone-900)}.bg-stone-950{background-color:var(--color-stone-950)}.rating-container{flex-direction:column;gap:16px;width:100%;display:flex}.rating-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:100%;display:grid}.rating-label{font-family:var(--font-primary);color:var(--color-text-secondary);flex-shrink:0;font-size:14px;line-height:1.5}.rating-label:first-child{text-align:right}.rating-label:last-child{text-align:left}.whitespace-pre-line{white-space:pre-line}.rating-group{gap:8px;display:flex}.rating-item{border:1px solid var(--border-glass);background:var(--glass-surface-translucent);width:48px;height:48px;color:var(--color-text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.rating-item:hover{background:var(--glass-surface-hover);border-color:var(--border-glass-strong);transform:translateY(-2px);box-shadow:0 0 15px #38bdf833}.rating-item.select{background:var(--color-accent-glow);border-color:var(--color-accent-primary);color:var(--color-text-primary);text-shadow:0 0 10px #ffffff80;box-shadow:0 0 20px #38bdf866,inset 0 0 10px #fff3}.question-group{flex-direction:column;gap:16px;display:flex}.form-section{flex-direction:column;gap:40px;display:flex}.form-field{flex-direction:column;gap:16px;width:100%;display:flex}.question-header{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.question-text{color:var(--color-text-primary);flex:1}.required-star{color:var(--color-text-secondary);font-size:16px;line-height:1}.form-label{color:var(--color-text-primary);font-weight:500}.form-group{flex-direction:column;gap:16px;width:100%;display:flex}.form-textarea{min-height:56px;font-family:var(--font-primary);font-size:var(--font-size-body-m);color:var(--color-text-primary);box-sizing:border-box;resize:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a80;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-textarea:hover{background-color:#0f172a99;border-color:#fff3}.form-textarea:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary),0 0 20px #38bdf826;background-color:#0006}.form-textarea::placeholder{color:var(--color-text-tertiary)}.form-textarea.error{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error),0 0 20px #ef444426}.form-footer{justify-content:flex-end;display:flex}.form-error{color:var(--color-error);align-items:center;gap:8px;font-size:14px;font-weight:500;display:none}.form-field.error .form-error,.rating-container.error .form-error{display:flex}.btn{cursor:pointer;box-sizing:border-box;min-height:48px;font-family:var(--font-primary);letter-spacing:.02em;border:1px solid #0000;border-radius:100px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 32px;font-size:15px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-filled{color:#fff;z-index:1;text-shadow:0 0 15px #ffffff80;letter-spacing:.05em;background:#000;border:none;padding:16px 48px;font-size:16px;font-weight:600;position:relative;overflow:visible}.btn-filled:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;filter:blur(12px);opacity:.95;z-index:1;background:linear-gradient(90deg,#ff6b35,#ff3d77,#7e3af2,#38bdf8);padding:4px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-filled:after{content:"";border-radius:inherit;filter:blur(40px);opacity:.35;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#ff6b35,#ff3d77,#7e3af2,#38bdf8);transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute;inset:-1px}.btn-filled:hover{text-shadow:0 0 20px #ffffffb3}.btn-filled:hover:before{opacity:1;filter:blur(4px);inset:-4px}.btn-filled:hover:after{opacity:.5;filter:blur(50px);inset:-4px}.btn-outlined{border-color:var(--border-glass-strong);color:var(--color-text-secondary);background-color:#0000;font-weight:500}.btn-outlined:hover{background-color:var(--glass-surface-hover);border-color:var(--color-text-primary);color:var(--color-text-primary)}@media (max-width:640px){.rating-row{grid-template-columns:1fr;gap:12px}.rating-label:first-child,.rating-label:last-child{text-align:left;font-size:13px}.rating-group{flex-direction:column;align-items:flex-start}.btn{width:100%}.form-section{gap:32px}}