header{text-align:center;margin:3rem 0}header img{width:10rem;object-fit:cover}header h1{margin:0;font-family:Roboto Condensed,sans-serif;font-size:4rem;background:linear-gradient(40deg,#ea00ff,#ea00ff,#03d5ff,#03d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}header p{margin:0;font-size:1.25rem;color:#8964b0;font-family:Roboto Condensed,sans-serif}.input-group{position:relative;margin-bottom:15px}.input-group:has(+.label-standard){margin-bottom:10px}.group-label{margin-bottom:10px;font-family:var(--input-Font-BBL-San-Regular);font-size:var(--input-Font-Size-Normal)}.text-error-message{margin-left:var(--input-padding-x);font-size:var(--input-Font-Size-Small);font-family:var(--input-Font-BBL-San-Regular-looped),sans-serif;color:var(--input-Error-Text-Color);height:var(--error-text-height);line-height:150%;position:relative;box-sizing:border-box}.text-error-message.no-margin{margin-left:0!important}.keep-space-hidden{visibility:hidden}.keep-space-showing{visibility:visible}.suggestion-text{position:absolute;right:16px;font-size:16px;font-family:var(--font-BBL-San-regular),sans-serif;color:#999;pointer-events:none}.consent-container{display:flex;align-items:flex-start;gap:10px;-webkit-user-select:none;user-select:none;cursor:pointer}.consent-container input{display:none}.checkbox-wrapper{width:var(--checkbox-size);height:var(--checkbox-size);display:flex;align-items:center;justify-content:center}.checkbox-wrapper svg{width:var(--checkbox-size);height:var(--checkbox-size)}.checkbox-wrapper rect{opacity:var(--border-translucent-40);stroke:var(--radio-color-defualt)}.checkbox-wrapper:hover rect{opacity:var(--border-translucent-100);stroke:var(--radio-color-hover)}.checkbox-wrapper.checkbox-selected rect{opacity:var(--border-translucent-100);stroke:var(--radio-color-selected)}.consent-scroll-box{border-radius:4px;font-size:14px;line-height:1.6;color:var(--input-Defualt-Label-Color);background:#fff;flex:1;font-family:var(--input-Font-BBL-San-Regular),sans-serif}.scroll-content::-webkit-scrollbar{width:12px;height:12px}.scroll-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.scroll-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px;border:2px solid #f1f1f1}.scroll-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.scroll-content::-webkit-scrollbar-corner{background:#f1f1f1}.scroll-content{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}@supports (-webkit-touch-callout: none){.scroll-content{-webkit-overflow-scrolling:auto}}.scroll-content{overflow-y:scroll;border:1px solid #000;border-radius:8px;padding:16px;font-size:var(--input-Font-Size-Normal);line-height:1.6;scrollbar-width:auto;-ms-overflow-style:scrollbar;-webkit-overflow-scrolling:touch}.email-input-wrapper{height:var(--input-total-height)}.email-input-inner{position:relative}.email-input-label{font-size:var(--input-Font-Size-Normal);color:var(--input-Defualt-Label-Color);position:absolute;left:var(--input-padding-x);pointer-events:none;transition:.2s ease all;top:50%;transform:translateY(-50%);height:var(--input-height);justify-content:center;display:flex;flex-direction:column}.email-input{width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-Font-Size-Normal);border:1px solid var(--input-Defualt-Border-Color);border-radius:8px;transition:all .3s;height:var(--input-height);box-sizing:border-box}.email-input:focus,.email-input:not(:placeholder-shown){padding-top:24px;padding-bottom:8px}.email-input:focus+.email-input-label,.email-input:not(:placeholder-shown)+.email-input-label{position:absolute;top:15px;font-size:var(--input-Font-Size-Small);color:var(--input-Focus-Label-Color)}.email-input:focus{border-color:var(--input-Focus-Border-Color);outline:none}.input-group.error .email-input{border-color:var(--input-Error-Border-Color)}.email-input:disabled{background-color:#f5f5f5;border-color:#ddd;color:#bdbdbd;cursor:not-allowed}.label-standard{padding:0;margin-bottom:15px;font-size:var(--input-Font-Size-Normal)}.numeric-input-wrapper{display:flex;flex-direction:column;height:var(--input-total-height)}.numeric-input-inner:focus-within{border-color:var(--input-Focus-Border-Color);outline:none}.numeric-input::placeholder{color:var(--input-Defualt-Value-Color);font-size:var(--input-Font-Size-Normal)}.numeric-input-inner{display:flex;align-items:center;border:1px solid var(--input-Defualt-Border-Color);border-radius:8px;padding:0 var(--input-padding-x);position:relative;background-color:#fff;height:var(--input-height);box-sizing:content-box}.numeric-input-wrapper.error .numeric-input-inner{border-color:var(--input-Error-Border-Color)}.left-label{font-family:var(--input-Font-BBL-San-Regular),sans-serif;font-size:var(--input-Font-Size-Normal);margin-right:12px;white-space:nowrap;color:var(--input-Defualt-Label-Color)}.numeric-input{flex:1;border:none;outline:none;font-size:var(--input-Font-Size-Normal);font-family:var(--input-Font-BBL-San-Regular),sans-serif;text-align:right;background-color:transparent;height:var(--input-height);padding-top:var(--input-padding-y);padding-bottom:var(--input-padding-y)}.radio-group-horizontal{display:flex;flex-direction:column}.radio-options-row-Horizontal{margin-left:var(--input-padding-x);display:flex;gap:40px}.radio-options-row-Vertical{display:flex;gap:7px;flex-direction:column;margin-left:var(--input-padding-x)}.radio-option{display:flex;align-items:flex-start;gap:8px;width:fit-content;cursor:pointer}.radio-option input{display:none}.radio-icon{flex:0 0 auto;width:var(--radio-size, 24px);height:var(--radio-size, 24px);display:flex;align-items:center;justify-content:center;margin-top:3px}.radio-icon svg{width:100%;height:100%;display:block}.radio-icon svg circle,.radio-icon svg path{transition:stroke .3s ease}.radio-icon svg circle{stroke:var(--radio-color-defualt);opacity:var(--border-translucent-40)}.radio-icon svg path{stroke:transparent}.radio-option input:checked+.radio-icon svg circle{stroke:var(--radio-color-selected);opacity:var(--border-translucent-100)}.radio-option input:checked+.radio-icon svg path{stroke:var(--input-Focus-Border-Color)}.radio-icon:hover svg circle{stroke:var(--radio-color-hover);opacity:var(----border-translucent-100)}.radio-text{font-weight:400;text-align:left;line-height:2.3;font-size:var(--input-Font-Size-Normal)}.text-input-wrapper{height:var(--input-total-height)}.text-input-inner{position:relative}.text-input-label{font-size:var(--input-Font-Size-Normal);color:var(--input-Defualt-Label-Color);position:absolute;left:var(--input-padding-x);pointer-events:none;transition:.2s ease all;top:50%;transform:translateY(-50%);height:var(--input-height);justify-content:center;display:flex;flex-direction:column}.text-input{width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-Font-Size-Normal);border:1px solid var(--input-Defualt-Border-Color);border-radius:8px;transition:all .3s;height:var(--input-height);box-sizing:border-box}.text-input:focus,.text-input:not(:placeholder-shown){padding-top:24px;padding-bottom:8px}.text-input:focus+.text-input-label,.text-input:not(:placeholder-shown)+.text-input-label{position:absolute;top:15px;font-size:var(--input-Font-Size-Small);color:var(--input-Focus-Label-Color)}.text-input:focus{border-color:var(--input-Focus-Border-Color);outline:none}.input-group.error .text-input{border-color:var(--input-Error-Border-Color)}.validation-icon{position:absolute;right:var(--input-padding-x);top:50%;transform:translateY(-50%);height:24px}.valid-icon{color:#4caf50}.error-icon{color:var(--input-Error-Text-Color)}.input-group.valid .valid-icon,.input-group.error .error-icon{display:block}.message{font-size:12px;margin-top:5px;display:none}.input-group.error .message{display:block;color:var(--input-Error-Text-Color)}.input-group.valid.extra-message .message{display:block;color:#757575}.text-input:disabled{background-color:#f5f5f5;border-color:#ddd;color:#bdbdbd;cursor:not-allowed}.input-group.disabled .input-label{color:var(--input-Defualt-Label-Color)}.form-section{border-radius:8px;background:#f8f8f8;margin-bottom:24px;border:1px solid #ddd;overflow:hidden}.form-section-header{display:flex;justify-content:space-between;align-items:center;background:#eee;padding:12px 16px;cursor:default;-webkit-user-select:none;user-select:none}.form-section-header.collapsible{cursor:pointer}.form-section-title{margin:0;font-size:1.1rem}.form-section-toggle{font-size:.95rem;color:#666}.form-section-content{padding:16px}.stepper-wrapper{width:100%}.stepper-row{display:flex;align-items:flex-start;width:80%;margin:0 auto;max-width:500px;height:50px}.stepper-item{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:var(--progress-step-size);height:var(--progress-step-size);position:relative}.stepper-item__indicator{width:var(--progress-step-size);height:var(--progress-step-size);border-radius:50%;display:flex;align-items:center;justify-content:center;border-width:2px;border-style:solid;transition:all .3s ease-in-out;box-sizing:border-box;position:relative;z-index:2}.stepper-item__indicator--completed{background-color:var(--progress-active-color);border-color:var(--progress-active-color);color:#fff}.stepper-item__indicator--active{background-color:#fff;border-color:var(--progress-active-color);color:var(--progress-active-color);transform:scale(1.1)}.stepper-item__indicator--upcoming{background-color:var(--progress-step-bg);border-color:var(--progress-step-bg);color:var(--progress-font-color)}.stepper-item__indicator--clickable{cursor:pointer}.stepper-item__icon{width:1.5rem;height:1.5rem;width:14px;height:14px}.stepper-item__number{font-family:var( --input-Font-BBL-San-Medium);font-size:var(--progress-font-size)}.stepper-item__label{font-family:var( --input-Font-BBL-San-Medium);position:absolute;top:30px;left:50%;transform:translate(-50%);min-width:10rem;max-width:16rem;font-size:var(--input-Font-Size-Normal);white-space:normal;text-align:center;padding:0 4px;line-height:1.3}.stepper-line{flex-grow:1;height:var(--progress-step-line-height);margin-top:calc((var(--progress-step-size) - var(--progress-step-line-height)) / 2);transition:background-color .3s ease-in-out;background-color:#d1d5db;position:relative;z-index:1}.stepper-line--completed{background-color:#0064ff}.stepper-container{margin-left:auto;margin-right:auto;box-sizing:border-box}.stepper-content{margin-bottom:0;min-height:350px;padding:0;margin-top:32px}.stepper-content h2{margin-bottom:24px;color:#333;font-size:24px;font-weight:600}@media (max-width: 575.98px){.stepper-row{padding:0 12px}}@media (min-width: 576px){.stepper-row{padding:0}}@media screen and (max-width: 767px){.stepper-item__label{display:none!important}.stepper-item{margin-bottom:0!important;padding-bottom:0!important}.stepper-item__label-wrapper{height:0;overflow:hidden}.stepper-content{margin-top:20px!important}}@media screen and (min-width: 768px){.stepper-item__label{display:block}}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}:root{--control-border-normal-pws: #9e9e9e;--control-border-focus-pws: #3b82f6;--control-input-text-height-pws: 51px;--font-size-normal-pws: 16px;--font-Color-normal-pws: #606060;--font-Color-input-pws: #4e4e4e;--font-Color-error-pws: #d9534f;--font-Color-base-pws: #000;--font-Color-highlight-pws: #0064ff;--input-Font-BBL-San-Regular: "BangkokBank-regular";--input-Font-BBL-San-Regular-looped: "BangkokBank_Text-Regular";--input-Font-BBL-San-Medium: "BangkokBank-Medium";--input-Defualt-Label-Color: #78787d;--input-Defualt-Value-Color: #c8c8cc;--input-Defualt-Border-Color: #c8c8cc;--input-Focus-Label-Color: #78787d;--input-Focus-Value-Color: #000000;--input-Focus-Border-Color: #0064ff;--input-Done-Label-Color: #78787d;--input-Done-Value-Color: #000000;--input-Done-Border-Color: #c8c8cc;--input-Error-Label-Color: #78787d;--input-Error-Value-Color: #000000;--input-Error-Text-Color: #ff0000;--input-Error-Border-Color: #ff0000;--radio-color-defualt: #c8c8cc;--radio-color-hover: #0064ff;--radio-color-selected: #0064ff;--border-translucent-100: 1;--border-translucent-40: .4;--border-translucent-40: .2;--progress-font-color: #939399;--progress-step-bg: #e3e3e5;--progress-active-color: #0064ff;--progress-step-size: 24px;--progress-step-line-height: 2px}@media (min-width: 1025px){:root{--input-height: 56px;--input-total-height: 72px;--input-padding-x: 16px;--input-padding-y: 8px;--error-text-height: 16px;--input-Font-Size-Normal: 16px;--input-Font-Size-Small: 12px;--radio-size: 32px;--checkbox-size: 26px;--progress-font-size: 16px}}@media screen and (max-width: 1024px){:root{--input-height: 48px;--input-total-height: 64px;--input-padding-x: 14px;--input-padding-y: 4px;--error-text-height: 16px;--input-Font-Size-Normal: 14px;--input-Font-Size-Small: 12px;--radio-size: 24px;--checkbox-size: 24px;--progress-font-size: 14px}}.form-builder-container{display:flex;gap:16px;align-items:flex-start}.palette{background:#2d2d3f;padding:16px;width:250px;border-radius:6px;font-weight:700;color:#fff;flex-shrink:0}.draggable{padding:8px;margin:4px 0;background:#3a3a4f;border:1px dashed #999;cursor:grab;border-radius:4px}.dropzone{background:#1c1c2a;color:#fff;padding:16px;min-height:400px;border-radius:6px;flex:1}.field-wrapper{background:#2c2c3c;padding:12px;margin-bottom:12px;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.field-config-editor{background:#232338;padding:32px 28px 24px;border-radius:16px;box-shadow:0 2px 20px #0003;min-width:340px;max-width:440px;color:#fff;font-size:1.06rem;display:flex;flex-direction:column}.field-config-editor .config-row{display:flex;align-items:center;gap:5px;margin-bottom:6px}.field-config-editor label{min-width:148px;font-weight:600;margin-bottom:0;color:#ffcbfa;font-size:1rem;display:flex;align-items:center}.field-config-editor input[type=text],.field-config-editor input[type=number]{width:210px;border-radius:7px;border:1.3px solid #504972;background:#2e2e46;color:#fff;font-size:1rem;padding:7px 11px;margin-bottom:2px;transition:border .2s}.field-config-editor input[type=text]:focus,.field-config-editor input[type=number]:focus{border:1.7px solid #40ffb5;outline:none;background:#28283a}.field-config-editor input[type=checkbox]{accent-color:#40ffb5;width:20px;height:20px}.field-config-editor .config-actions{margin-top:12px;text-align:right;display:flex;justify-content:center}.field-config-editor button{background:linear-gradient(90deg,#40ffb5,#57d9f4);color:#232338;border:none;border-radius:5px;padding:5px 22px;font-weight:600;cursor:pointer;font-size:1rem;transition:background .2s}.field-config-editor button:hover{background:linear-gradient(90deg,#57d9f4,#40ffb5)}.palette-group-title{font-weight:700;color:#a988ff;font-size:1.08em;margin-bottom:6px;margin-top:12px;letter-spacing:.5px}.drop-indicator{height:6px;background:linear-gradient(90deg,#7ce4ff,#57d9f4);margin:2px 0;border-radius:8px;opacity:.8}.section-group{background:#232338;border-radius:14px;margin-bottom:32px;box-shadow:0 2px 12px #00000014,0 1.5px #3d3d53 inset;overflow:hidden;border-left:5px solid #57d9f4;transition:box-shadow .2s}.section-group:hover{box-shadow:0 4px 24px #57d9f455,0 1.5px #40ffb5 inset;border-left-color:#40ffb5}.section-header{background:linear-gradient(90deg,#232338 60%,#2e2957);padding:14px 32px 10px 28px;border-radius:14px 14px 0 0;font-size:1.14rem;color:#fff4be;font-weight:700;letter-spacing:.01em;margin-bottom:4px;border-bottom:2px solid #313148;display:flex;align-items:center;gap:10px}.section-fields{padding:16px 30px 20px;background:#232338}.dropzone{background:#191828;color:#fff;padding:28px;min-height:400px;border-radius:12px;box-shadow:0 2px 24px #00000024}.sortable-item-wrapper:not(.section-header){background:#27273a;border-radius:8px;margin-bottom:14px;box-shadow:0 1.5px #3d3d53 inset}.section-header>span:first-child{font-size:1.19rem;margin-right:10px;cursor:grab}.page-container{max-width:1400px;margin:auto;padding:1rem;color:#eee}.top-ai-bar{display:flex;gap:1rem;margin-bottom:2rem;background:#232338;padding:1rem;border-radius:12px;border:1px solid #4a4a5f}.top-ai-bar input{font-family:BangkokBank-Regular,sans-serif;flex-grow:1;background:#2c2c3c;border:1px solid #5a5a6f;color:#fff;padding:12px 16px;border-radius:8px;font-size:1rem}.top-ai-bar input::placeholder{color:#888}.top-ai-bar button{background:linear-gradient(45deg,#8e44ad,#3498db);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;white-space:nowrap}.top-ai-bar button:disabled{background:#555;cursor:not-allowed;opacity:.7}.form-builder-container{display:flex;gap:24px;align-items:flex-start}.palette{background:#232338;border:1px solid #4a4a5f;padding:16px;width:280px;border-radius:8px;color:#fff;flex-shrink:0}.palette h3,.palette h4{color:#c1c1ff;margin-top:0}.palette h4{margin-top:1.5em;margin-bottom:.5em;border-bottom:1px solid #4a4a5f;padding-bottom:4px}.draggable{padding:10px;margin:8px 0;background:#3a3a4f;border:1px solid #5a5a6f;cursor:grab;border-radius:6px;display:flex;align-items:center;gap:8px;transition:background-color .2s}.draggable:hover{background-color:#4a4a5f}.builder-main{flex-grow:1;display:flex;gap:24px}.builder-canvas{position:relative;background:#19192d;border:1px solid #4a4a5f;border-radius:12px;padding:24px;min-height:600px;margin-top:0;top:0}.drop-indicator{position:absolute;left:0;right:0;height:2px;background:#40ffb5;pointer-events:none}.json-preview{flex:1;background:#1c1c2a;padding:16px;border-radius:8px;overflow:auto;border:1px solid #3a3a4f;overflow:clip;display:block}.json-preview h3{margin-top:0;color:#a5d6ff;border-bottom:1px solid #3a3a4f;padding-bottom:8px}.json-preview pre{white-space:pre-wrap;word-wrap:break-word;font-family:monospace;font-size:.875rem;color:#e0e0e0}.dropzone-empty-msg{text-align:center;color:#777;padding:4rem 0;border:2px dashed #3a3a4f;border-radius:6px}.section-container{background:transparent;border:1px solid #3a3a4f;border-radius:8px;margin-bottom:16px;overflow:hidden}.section-content{padding:8px 16px 16px;background:#1e1e2d80}.sortable-item-wrapper{background:#2c2c3c;margin-bottom:12px;border-radius:6px;display:flex;flex-direction:column;touch-action:none;border-left:4px solid #3498db;transition:box-shadow .2s}.section-container .sortable-item-wrapper{margin-bottom:0;border-radius:0;border-left:none;border-bottom:1px solid #3a3a4f}.sortable-item-wrapper[data-component-type=Section]{border-left:4px solid #8e44ad}.section-container>.sortable-item-wrapper{border-left:4px solid #8e44ad;border-radius:0;margin-bottom:0}.section-content .sortable-item-wrapper{margin-bottom:12px}.section-content .sortable-item-wrapper:last-child{margin-bottom:0}.sortable-item-header{display:flex;align-items:center;padding:12px;gap:12px}.drag-handle{cursor:grab;color:#888;font-size:1.2rem}.drag-handle:active{cursor:grabbing}.sortable-item-content{flex-grow:1}.item-actions{display:flex;gap:8px;align-items:center}.action-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.5rem;transition:color .2s;padding:4px;line-height:1}.action-btn.edit-btn{color:#e67e22}.action-btn.edit-btn:hover{color:#f39c12}.action-btn.remove-btn{color:#e74c3c}.action-btn.remove-btn:hover{color:#c0392b}.ai-suggest-btn{width:100%;background:linear-gradient(45deg,#8e44ad,#3498db);color:#fff;border:none;padding:10px;border-radius:4px;font-weight:700;cursor:pointer;margin-bottom:12px}.ai-suggest-btn:disabled{background:#555;cursor:not-allowed;opacity:.7}.field-config-editor{padding:16px;background-color:#3a3a4f;border-top:1px solid #5a5a6f}.config-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;margin-bottom:10px}.config-row label{text-align:right;font-size:.8rem;color:#c1c1ff}.config-row input[type=text],.config-row input[type=number],.config-row select,.config-row textarea{width:100%;box-sizing:border-box;background:#2c2c3c;border:1px solid #5a5a6f;color:#fff;padding:8px;border-radius:4px}.config-row input[type=checkbox]{justify-self:start}.config-actions{margin-top:16px;display:flex;justify-content:flex-end}.config-actions button{background:#40ffb5;color:#232338;border:none;padding:8px 16px;border-radius:4px;font-weight:700;cursor:pointer}.options-editor{grid-column:2 / 3;display:flex;flex-direction:column;gap:8px}.option-row{display:flex;gap:8px;align-items:center}.option-row input{flex-grow:1}.option-add-btn{background:#4a4a5f;border:1px solid #5a5a6f;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer}.option-remove-btn{background:none;border:none;color:#e74c3c;font-size:1.2rem;cursor:pointer}.preview-btn{display:block;margin:32px auto 0;padding:18px 56px;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#4e9cff,#a86cf4);border:none;border-radius:30px;box-shadow:0 4px 24px #3850b433;cursor:pointer;transition:transform .18s,box-shadow .18s}.preview-btn:hover{transform:translateY(-2px) scale(1.03);background:linear-gradient(90deg,#6ceaf7,#8364ff);box-shadow:0 8px 36px #3850b43d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#de1b1b80;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:8px;width:800px;max-height:80%;overflow:auto;color:#333}.modal-close-button{float:right;background:#ff6b6b;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer}.modal-title{color:#000}@font-face{font-family:BangkokBank-Regular;src:url(/fonts/BBLSans-Regular.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:BangkokBank_Text-Regular;src:url(/fonts/bblsans_looped-regular.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:BangkokBank-Medium;src:url(/fonts/BBLSans-medium.woff) format("woff");font-weight:500;font-style:normal}body{font-family:BangkokBank-Regular,sans-serif}*{box-sizing:border-box}:root{--control-border-normal-pws: #9e9e9e;--control-border-focus-pws: #3b82f6;--control-input-text-height-pws: 51px;--font-size-normal-pws: 16px;--font-Color-normal-pws: #606060;--font-Color-input-pws: #4e4e4e;--font-Color-error-pws: #d9534f;--font-Color-base-pws: #000;--font-Color-highlight-pws: #0064ff;--input-Defualt-Label-Color: #78787d;--input-Defualt-Value-Color: #c8c8cc;--input-Defualt-Border-Color: #c8c8cc;--input-Focus-Label-Color: #78787d;--input-Focus-Value-Color: #000000;--input-Focus-Border-Color: #0064ff;--input-Done-Label-Color: #78787d;--input-Done-Value-Color: #000000;--input-Done-Border-Color: #c8c8cc;--input-Error-Label-Color: #78787d;--input-Error-Value-Color: #000000;--input-Error-Text-Color: #ff0000;--input-Error-Border-Color: #ff0000;--radio-color-defualt: #c8c8cc;--radio-color-hover: #0064ff;--radio-color-selected: #0064ff;--border-translucent-100: 1;--border-translucent-40: .4;--border-translucent-40: .2;--progress-font-color: #939399;--progress-step-bg: #e3e3e5;--progress-active-color: #0064ff;--progress-step-size: 24px;--progress-step-line-height: 2px}html{line-height:1.5;color:#ebe7ef;background:radial-gradient(#280a48,#20043d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:80rem}p{line-height:1.5}main{width:90%;max-width:50rem;margin:auto}#core-concepts{padding:2rem;border-radius:6px;background-color:#140524;box-shadow:0 2px 8px #0006}main h2{text-align:center;font-family:Roboto Condensed,sans-serif;margin:0 0 1.5rem;color:#a18aba}#core-concepts ul{list-style:none;padding:0;margin:0;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}#core-concepts li{text-align:center}#core-concepts li img{height:4rem;width:6rem;object-fit:cover}#core-concepts li h3{margin:.5rem 0}#core-concepts li p{font-size:.9rem}#examples{margin:3rem auto}#examples h2{text-align:left}#examples menu{margin:1rem 0;padding:0;display:flex;gap:.5rem;list-style:none}#examples menu button{padding:.5rem 1rem;border:none;border-radius:6px;background-color:transparent;color:#a18aba;font-family:Roboto Condensed,sans-serif;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out}#examples menu button:hover{background-color:#1b082f;color:#ebe7ef}#examples menu button.active{background-color:#7925d3;color:#ebe7ef}#tab-content{padding:1rem;border-radius:6px;background-color:#2f1d43;box-shadow:0 2px 8px #0000004d}#tab-content h3{margin:0}#tab-content code{font-size:1rem}.consent-scroll-box{background-color:transparent!important}nav.menu{width:90%;max-width:50rem;margin:auto;padding:1rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}nav.menu a{color:#bbb;text-decoration:none;font-weight:600;padding:.8rem 1.5rem;border-radius:10px;transition:all .3s ease;position:relative;overflow:hidden;background-color:#1e003c66;border:1px solid rgba(120,0,240,.2);line-height:1.2;box-sizing:border-box;outline:none}nav.menu a:hover{color:#fff;background-color:#61dafb26;box-shadow:0 0 15px #61dafb99,0 0 25px #8b00ff66,inset 0 0 10px #61dafb33;border-color:#61dafb;transform:translateY(-2px)}nav.menu a.active{color:#61dafb;background-color:#61dafb40;box-shadow:0 0 20px #61dafbcc,0 0 30px #8b00ff99,inset 0 0 15px #61dafb4d;border-color:#61dafb;transform:scale(.98)}nav.menu a:focus{color:#fff;background-color:#61dafb26;box-shadow:0 0 15px #61dafb99,0 0 25px #8b00ff66,inset 0 0 10px #61dafb33;border-color:#61dafb}nav.menu a:active{transform:scale(.95);background-color:#61dafb4d;box-shadow:0 0 10px #61dafbe6,inset 0 0 5px #61dafb66}.menu-container{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.menu-group{text-align:center}.menu-heading{color:#ccc;margin-bottom:.8rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.menu-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.menu-item{padding:.6rem 1.4rem;border-radius:12px;font-weight:700;color:#ccc;text-decoration:none;border:1px solid #444;transition:all .3s ease}.menu-item.active{background-color:#00c6ff;color:#000;box-shadow:0 0 15px #00c6ff}.expandable-menu{padding:1rem;max-width:800px;margin:0 auto;color:#ccc}.menu-group{margin-bottom:1.5rem;border-bottom:1px solid #333;padding-bottom:.5rem}.menu-heading{font-size:1.2rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;color:#eee;margin-bottom:.5rem}.menu-items{display:flex;flex-wrap:wrap;gap:.75rem;padding-left:.5rem}.menu-item{padding:.5rem 1rem;border-radius:10px;border:1px solid #444;color:#ccc;text-decoration:none;transition:.3s}.menu-item:hover{background-color:#222;color:#fff}.menu-item.active{background-color:#00c6ff;color:#000;box-shadow:0 0 12px #00c6ff}.arrow{font-size:.9rem;margin-left:.5rem}.menu-description{margin:.25rem 0 .75rem;font-size:.85rem;color:#ccc;padding-left:.5rem;text-align:start}.btn-primary-base{display:block;background:#1080ff;color:#fff;font-size:1.4rem;font-weight:500;padding:14px;border:none;border-radius:10px;cursor:pointer;transition:all .2s,box-shadow .2s;min-width:100px;font:1rem/1.3 BangkokBank-Regular,Tahoma,Helvetica,Arial,sans-serif}.btn-primary-base:hover:not(:disabled){background:#0454ba;color:#fff;box-shadow:0 2px 8px #1080ff29}.btn-primary-base:active:not(:disabled){background:#1080ff;color:#fff}.btn-primary-base:disabled{opacity:.6;cursor:not-allowed;background:#f8f9fa;color:#6c757d;border:none;box-shadow:none}.btn-primary-base:disabled:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid #6c757d;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-green{background-color:#22c55e;color:#fff;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s ease}.btn-green:hover{background-color:#16a34a}.stepper-content{min-height:0px!important}.submit-container{display:flex;justify-content:center;align-items:center;height:100%;margin-top:20px}.plan-summary-item{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:8px}.plan-summary-item-label{flex:1;font-weight:400;font-size:16px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-summary-item-value{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;font-weight:500;font-size:var(--input-Font-Size-Normal);white-space:nowrap}.plan-summary-item-value .value{color:var(--font-Color-base-pws);font-size:1.4em}.plan-summary-item-value .unit{color:var(--font-Color-base-pws);font-size:var(--input-Font-Size-Normal)}@media (max-width: 500px){.br-responsive{display:block;height:0}}.total-premium{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.total-premium-label{font-size:1.5em;font-weight:700;color:var(--font-Color-base-pws)}.total-premium-value{font-size:2.2em;font-weight:700;color:var(--font-Color-highlight-pws)}.total-premium-unit{font-size:16px;color:var(--font-Color-base-pws);margin-left:5px}.footer-note{text-align:left}.section-mini{margin-top:10px;margin-bottom:25px}.styled-link{display:inline-flex;align-items:center;gap:4px;padding:.6em 1.2em;border-radius:999px;color:var(--font-Color-highlight-pws);font-weight:600;font-size:1rem;text-decoration:none}.styled-link:hover{color:#0064ff}.styled-link svg{transition:transform .2s}.styled-link:hover svg{transform:translate(3px) scale(1.1)}.app-container{margin-left:auto;margin-right:auto}.form-container{max-width:800px;margin:0 auto;padding:0 16px;box-sizing:border-box}.stepper-content{line-height:130%}.highlight-title{font-size:18px;font-weight:500;color:#0064ff;font-family:BangkokBank-Medium,sans-serif;line-height:1.5}.info-block{display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.6;color:#000}.info-item{margin:0}.info-text{margin:0 0 4px}.info-link{color:#0064ff;text-decoration:none;font-weight:500}.info-link:hover{text-decoration:underline}.company-info{font-weight:500}.footer-note{font-size:14px;color:var(--input-Font-Size-Normal)}.stepper-content{margin-bottom:0;min-height:350px;padding:0;margin-top:60px}.install-section{margin-top:4rem;padding:2rem;background-color:#1e1e2f;border-radius:12px;color:#fff;padding:1rem;max-width:800px;margin:0 auto;color:#ccc}.install-section h2{font-size:1.8rem;margin-bottom:1rem;color:#ff69b4}.install-code-block{background-color:#2d2d40;color:#0fc;padding:1rem;border-radius:8px;font-family:Courier New,monospace;white-space:pre-wrap;margin:1rem 0}.glow-main-action{background:#19e7fa;color:#130024;border-radius:32px;padding:18px 48px;font-size:1.3rem;font-weight:900;letter-spacing:1px;margin:0 auto;box-shadow:0 6px 32px #19e7fa88,0 1.5px #7af9e7 inset;border:none;outline:none;transition:background .14s,color .14s,box-shadow .18s;display:inline-block;text-shadow:0 2px 12px #ffffff99;cursor:pointer;text-decoration:none}.glow-main-action:hover,.glow-main-action:focus{background:#13b1e8;color:#fff;box-shadow:0 8px 40px #13b1e877,0 1.5px #fff4 inset;text-decoration:none}