@import "https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700;900&display=swap";
:root{--form-primary:#000;--form-primary-hover:#333;--form-secondary:#666;--form-background:#fff;--form-surface:#f8fafc;--form-text-primary:#000;--form-text-secondary:#666;--form-error:#ef4444;--form-success:#10b981;--form-warning:#f59e0b;--form-border:#d4d4d4;--form-spacing-xs:.25rem;--form-spacing-sm:.5rem;--form-spacing-md:1rem;--form-spacing-lg:1.5rem;--form-spacing-xl:2rem;--form-spacing-2xl:3rem;--form-font-family-serif-en:"DM Serif Text", "Georgia", "Times New Roman", serif;--form-font-family-serif-zh:"Noto Serif TC", "Songti TC", "SimSun", serif;--form-font-family-serif:var(--form-font-family-serif-en);--form-font-family-sans:"Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--form-font-family:var(--form-font-family-serif-en);--form-font-size-sm:.875rem;--form-font-size-md:1rem;--form-font-size-lg:1.125rem;--form-font-size-xl:1.25rem;--form-font-size-2xl:1.5rem;--form-font-size-3xl:1.875rem;--form-line-height:1.5;--form-border-radius:.5rem;--form-border-width:1px;--form-shadow-sm:0 1px 2px 0 #0000000d;--form-shadow-md:0 4px 6px -1px #0000001a;--form-shadow-lg:0 10px 15px -3px #0000001a;--form-transition-fast:.15s ease;--form-transition-normal:.3s ease;--form-transition-slow:.5s ease}[data-theme=dark]{--form-primary:#fff;--form-primary-hover:#e5e5e5;--form-secondary:#a3a3a3;--form-background:#0f0f0f;--form-surface:#1a1a1a;--form-text-primary:#fff;--form-text-secondary:#a3a3a3;--form-border:#404040}.form-lang-en,.form-lang-zh{--form-font-family:var(--form-font-family-serif-en);--form-font-family-question:var(--form-font-family-serif-en);--form-font-family-ui:var(--form-font-family-serif-en)}.form-root{font-family:var(--form-font-family);color:var(--form-text-primary);background:var(--form-background);flex-direction:column;width:100vw;height:100vh;max-height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.form-header{padding:var(--form-spacing-xl) var(--form-spacing-lg);background:var(--form-surface);border-bottom:var(--form-border-width) solid var(--form-border);text-align:center;z-index:10;flex-shrink:0}.form-title{font-family:var(--form-font-family);font-size:var(--form-font-size-3xl);color:var(--form-text-primary);margin:0 0 var(--form-spacing-sm) 0;font-weight:900;line-height:1.2}.form-description{font-size:var(--form-font-size-lg);color:var(--form-text-secondary);max-width:600px;margin:0 auto;line-height:1.5}.form-progress-bar-top{z-index:10;background:#0000000f;width:100%;height:.4rem;position:relative;overflow:hidden}.form-progress-fill-top{background:var(--form-primary);height:100%;transition:width var(--form-transition);position:absolute;top:0;left:0}.form-header-minimal{padding:var(--form-spacing-md) var(--form-spacing-lg);background:var(--form-background);border-bottom:1px solid var(--form-border);z-index:10;flex-shrink:0}.form-header-content{justify-content:space-between;align-items:center;height:2rem;display:flex;position:relative}.form-title-section{align-items:center;gap:0;width:85%;height:100%;display:inline-flex}@media (min-width:640px){.form-title-section{gap:var(--form-spacing-sm)}}.form-header-icon-link{cursor:pointer;align-items:center;margin-right:0;text-decoration:none;transition:opacity .2s;display:inline-flex}@media (min-width:640px){.form-header-icon-link{margin-right:.5rem}}.form-header-icon-link:hover{opacity:.7}.form-header-icon{object-fit:contain;flex-shrink:0;width:32px;height:32px;display:none}@media (min-width:640px){.form-header-icon{width:24px;height:24px;display:block}}@media (min-width:768px){.form-header-icon{width:32px;height:32px}}.form-title-minimal{font-family:var(--form-font-family-ui,var(--form-font-family-serif-en));font-size:var(--form-font-size-lg);color:var(--form-text-primary);align-items:center;margin:0;font-weight:900;line-height:1;display:inline-flex}.form-restart-button{cursor:pointer;color:var(--form-text-secondary);width:24px;height:24px;transition:color var(--form-transition-fast), transform var(--form-transition-fast);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;margin-left:.5rem;padding:0;display:inline-flex}.form-restart-button:hover{color:var(--form-text-primary);transform:rotate(-15deg)}.form-restart-button:focus{outline:2px solid var(--form-primary);outline-offset:2px}.form-restart-icon{width:16px;height:16px}.form-header-actions{align-items:center;gap:var(--form-spacing-md);min-width:2rem;height:100%;margin-left:3px;display:inline-flex}@media (min-width:640px){.form-header-actions{margin-left:1rem}}.form-progress-counter{justify-content:center;align-items:center;height:100%;display:inline-flex}.form-progress-text{align-items:center;gap:var(--form-spacing-xs);font-size:calc(var(--form-font-size-sm) * 1.1);color:var(--form-text-secondary);font-weight:700;font-family:var(--form-font-family-ui,var(--form-font-family-serif-en));line-height:1;display:none}@media (min-width:768px){.form-progress-text{display:flex}}.form-chapter-header{padding:var(--form-spacing-xl) var(--form-spacing-xl) var(--form-spacing-lg);border-bottom:1px solid var(--form-border);background:var(--form-background);text-align:center}.form-chapter-title{font-size:var(--form-font-size-xl);color:var(--form-text-primary);margin:0 0 var(--form-spacing-sm) 0;font-weight:900;line-height:1.2}.form-chapter-subtitle{font-size:var(--form-font-size-md);color:var(--form-text-secondary);max-width:32rem;margin:0 auto;line-height:1.4}.form-draft-link-button-minimal{padding:var(--form-spacing-sm) var(--form-spacing-md);color:var(--form-text-secondary);border:1px solid var(--form-border);border-radius:var(--form-border-radius);font-size:var(--form-font-size-sm);cursor:pointer;transition:all var(--form-transition-fast);font-weight:500;font-family:var(--form-font-family);background:0 0;justify-content:center;align-items:center;height:auto;line-height:1;display:inline-flex}.form-draft-link-button-minimal:hover{background:var(--form-surface);color:var(--form-text-primary);border-color:var(--form-primary)}.form-language-selector{align-items:center;height:100%;display:inline-flex;position:relative}.form-language-selector-button{justify-content:center;align-items:center;gap:var(--form-spacing-xs);color:var(--form-text-secondary);border-radius:var(--form-border-radius);cursor:pointer;transition:all var(--form-transition-fast);background:0 0;border:none;height:28px;padding:.25rem .5rem;line-height:1;display:inline-flex}.form-language-selector-button:hover{background:var(--form-surface);color:var(--form-text-primary)}.form-language-selector-button:focus{outline:2px solid var(--form-primary);outline-offset:2px}.form-globe-icon{flex-shrink:0;width:16px;height:16px;display:block}.form-dropdown-arrow{width:10px;height:6px;transition:transform var(--form-transition-fast);flex-shrink:0;display:block}.form-language-selector-button[aria-expanded=true] .form-dropdown-arrow{transform:rotate(180deg)}.form-language-dropdown{top:calc(100% + var(--form-spacing-xs));background:var(--form-background);border:1px solid var(--form-border);border-radius:var(--form-border-radius);box-shadow:var(--form-shadow-lg);z-index:100;min-width:140px;animation:dropdownFadeIn var(--form-transition-fast);position:absolute;right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-language-option{width:100%;padding:var(--form-spacing-sm) var(--form-spacing-md);color:var(--form-text-secondary);cursor:pointer;font-family:var(--form-font-family-ui,var(--form-font-family-serif-en));font-size:var(--form-font-size-sm);transition:all var(--form-transition-fast);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.form-language-option:first-child{border-radius:var(--form-border-radius) var(--form-border-radius) 0 0}.form-language-option:last-child{border-radius:0 0 var(--form-border-radius) var(--form-border-radius)}.form-language-option:hover{background:var(--form-surface);color:var(--form-text-primary)}.form-language-option-active{color:var(--form-text-primary);background:var(--form-surface)}.form-language-option-label{flex:1}.form-language-checkmark{width:14px;height:10px;color:var(--form-primary);flex-shrink:0}.form-progress-container{padding:var(--form-spacing-lg);background:var(--form-surface);border-bottom:var(--form-border-width) solid var(--form-border)}.form-progress-bar{background:var(--form-border);border-radius:2px;height:4px;overflow:hidden}.form-progress-fill{background:var(--form-primary);border-radius:2px;height:100%}.form-viewport{box-sizing:border-box;flex:1;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.form-question-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.form-page-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:100px;display:flex;overflow:hidden auto}.form-content{width:100%;max-height:100%;padding:0 var(--form-spacing-lg);flex-direction:column;justify-content:flex-start;display:flex}.form-question{animation:fadeIn var(--form-transition-normal);margin:auto 0;padding-left:3rem;position:relative}.form-question-label{margin-bottom:var(--form-spacing-lg);align-items:flex-start;display:flex;position:relative}.form-question-number{color:var(--form-text-secondary);font-family:var(--form-font-family-question,var(--form-font-family-serif-en));font-size:var(--form-font-size-lg);-webkit-text-stroke:.5px currentColor;text-stroke:.5px currentColor;letter-spacing:.05em;font-weight:900;line-height:1;display:inline-block;position:absolute;top:.4rem;left:-2.5rem;transform:none}.form-question-text{font-family:var(--form-font-family-question,var(--form-font-family-serif-en));font-size:var(--form-font-size-2xl);letter-spacing:-.025em;font-weight:600;line-height:1.3}.form-required{color:var(--form-error);margin-left:1rem}.form-question-hint{color:var(--form-text-secondary);font-size:var(--form-font-size-md);margin-top:var(--form-spacing-sm);margin-bottom:var(--form-spacing-lg);font-family:var(--form-font-family-question,var(--form-font-family-serif-en))}.form-input-wrapper{margin-bottom:var(--form-spacing-lg)}.form-input,.form-textarea{width:100%;font-size:var(--form-font-size-xl);font-family:var(--form-font-family-question,var(--form-font-family-serif-en));color:var(--form-text-primary);border:none;border-bottom:3px solid var(--form-primary);transition:all var(--form-transition-fast);background:0 0;border-radius:0;outline:none;padding:0 0 .15rem;font-weight:500}.form-input:focus,.form-textarea:focus{border-bottom-color:var(--form-primary);box-shadow:none;background:0 0}.form-input-error{border-bottom-color:var(--form-error)}.form-input-error:focus{border-bottom-color:var(--form-error);box-shadow:none}.form-textarea{resize:vertical;min-height:120px;padding:var(--form-spacing-sm) 0 .15rem 0}.form-character-count{justify-content:flex-end;align-items:center;gap:var(--form-spacing-xs);font-size:var(--form-font-size-sm);color:var(--form-text-secondary);font-family:var(--form-font-family-ui,var(--form-font-family-serif-en));margin-top:var(--form-spacing-sm);display:flex}.form-min-requirement{color:var(--form-text-primary);opacity:1;align-items:center;gap:4px;transition:all .2s;display:inline-flex}.form-min-requirement-met{color:var(--form-success);opacity:1}.form-check-icon{vertical-align:middle;opacity:0;width:16px;height:16px;transition:opacity .3s ease-out,transform .3s ease-out;display:inline-block;transform:scale(.8)}.form-check-icon-visible{opacity:1;transform:scale(1)}.form-check-icon-visible .form-check-path{stroke-dasharray:20;stroke-dashoffset:20px;animation:.4s ease-out forwards checkDraw}.form-check-path{stroke-dasharray:20;stroke-dashoffset:20px}@keyframes checkDraw{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.form-character-separator{color:var(--form-text-secondary);opacity:.5}.form-options-wrapper{gap:var(--form-spacing-sm);margin-bottom:var(--form-spacing-lg);flex-direction:column;display:flex}.form-option{padding:var(--form-spacing-md);background:var(--form-surface);border-radius:var(--form-border-radius);cursor:pointer;transition:all var(--form-transition-fast);border:2px solid #0000;align-items:center;display:flex}.form-option:hover{background:var(--form-background);border-color:var(--form-border)}.form-option-selected{background:var(--form-text-primary);border-color:var(--form-text-primary)}.form-option-selected .form-option-key{background:var(--form-surface);color:var(--form-text-primary)}.form-option-selected .form-option-label{color:var(--form-surface)}.form-option-selected:hover{background:var(--form-background);border-color:var(--form-primary)}.form-option-selected:hover .form-option-key{background:var(--form-primary);color:#fff}.form-option-selected:hover .form-option-label{color:var(--form-text-primary)}.form-option-key{font-family:var(--form-font-family-ui,var(--form-font-family-serif-en));width:2rem;height:2rem;margin-right:var(--form-spacing-md);background:var(--form-primary);color:#fff;font-family:"Inter", var(--form-font-family-sans);font-weight:700;font-size:var(--form-font-size-sm);border-radius:var(--form-border-radius);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.form-option-input{opacity:0;pointer-events:none;position:absolute}.form-option-custom{cursor:pointer;-webkit-user-select:none;user-select:none}.form-option-custom.form-option-selected:not(.form-option-checkbox){background:var(--form-primary);color:#fff}.form-option-custom.form-option-selected:not(.form-option-checkbox) .form-option-key{color:var(--form-primary);background:#fff;border-color:#fff}.form-option-custom.form-option-selected:not(.form-option-checkbox) .form-option-label{color:#fff}.form-option-checkbox.form-option-selected{background:var(--form-primary);color:#fff}.form-option-checkbox.form-option-selected .form-option-key{color:var(--form-primary);background:#fff;border-color:#fff}.form-option-checkbox.form-option-selected .form-option-label{color:#fff}.form-option-label{font-family:var(--form-font-family-question,var(--form-font-family-serif-en));font-size:var(--form-font-size-xl);flex:1;font-weight:500}.form-error{color:var(--form-error);font-size:var(--form-font-size-sm);margin-top:var(--form-spacing-sm);font-family:var(--form-font-family-ui,var(--form-font-family-serif-en));display:block}.form-question-footer{gap:var(--form-spacing-md);margin-top:var(--form-spacing-xl);justify-content:flex-end;display:flex}.form-button{justify-content:center;align-items:center;gap:var(--form-spacing-sm);height:2.5rem;padding:0 calc(var(--form-spacing-lg) * 1.2);font-family:var(--form-font-family-ui,var(--form-font-family-serif-en));font-size:var(--form-font-size-lg);border-radius:var(--form-border-radius);cursor:pointer;transition:all var(--form-transition-fast);border:none;outline:none;font-weight:600;line-height:1;display:inline-flex}.form-button:focus-visible{box-shadow:none;outline:2px solid var(--form-primary);outline-offset:2px}.form-button-primary{background:var(--form-primary);color:#fff}.form-button-primary:hover:not(:disabled){background:var(--form-primary-hover);box-shadow:none;transform:none}.form-button-secondary{background:var(--form-surface);color:var(--form-text-primary);border:2px solid var(--form-border)}.form-button-secondary:hover:not(:disabled){background:var(--form-background);border-color:var(--form-primary)}.form-button:disabled{cursor:not-allowed;color:#999!important;box-shadow:none!important;background:#f5f5f5!important;border-color:#ddd!important;transform:none!important}.form-button-primary:disabled,.form-button-secondary:disabled{color:#999!important;background:#f5f5f5!important;border-color:#ddd!important}.form-button-hint{font-size:var(--form-font-size-md);opacity:.7;line-height:1;font-family:var(--form-font-family-ui,var(--form-font-family-serif-en));align-items:center;display:inline-flex}.form-button-enter-symbol{font-size:var(--form-font-size-sm);margin-top:.2rem;margin-left:.25rem;display:inline-block}.form-navigation{justify-content:flex-end;gap:var(--form-spacing-sm);padding:var(--form-spacing-lg);z-index:100;background:0 0;border:none;display:flex;position:fixed;bottom:0;left:0;right:0}.form-button-group{align-items:center;gap:var(--form-spacing-sm);display:inline-flex}.form-button-arrow{background:var(--form-primary);color:#fff;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;padding:0;display:inline-flex}.form-button-arrow:hover:not(:disabled){background:var(--form-primary-hover)}.form-button-arrow svg{stroke-width:2px;width:20px;height:20px}.form-draft-link-button{padding:var(--form-spacing-sm) var(--form-spacing-md);background:var(--form-surface);color:var(--form-text-secondary);border:2px solid var(--form-border);border-radius:var(--form-border-radius);font-size:var(--form-font-size-sm);cursor:pointer;transition:all var(--form-transition-fast)}.form-draft-link-button:hover{background:var(--form-background);color:var(--form-text-primary);border-color:var(--form-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:640px){.form-header{padding:var(--form-spacing-lg) var(--form-spacing-md)}.form-title{font-size:var(--form-font-size-xl)}.form-description{font-size:var(--form-font-size-md)}.form-content{padding:var(--form-spacing-md)}.form-question{padding-left:2rem}.form-question-number{top:50%;left:-1.5rem;transform:translateY(-50%)}.form-question-text{font-family:var(--form-font-family-question,var(--form-font-family-serif-en));font-size:var(--form-font-size-xl);letter-spacing:-.025em;font-weight:600}.form-input,.form-textarea{font-size:var(--form-font-size-lg)}.form-option-label{font-family:var(--form-font-family-question,var(--form-font-family-serif-en));font-size:var(--form-font-size-lg);font-weight:500}}.form-nested-questions-container{margin-top:var(--form-spacing-lg);padding:var(--form-spacing-lg);background:var(--form-surface);border:var(--form-border-width) solid var(--form-border);border-radius:var(--form-border-radius);border-left:3px solid var(--form-primary)}.form-nested-questions-group{margin-bottom:var(--form-spacing-lg)}.form-nested-questions-group:last-child{margin-bottom:0}.form-nested-questions-label{font-size:var(--form-font-size-sm);color:var(--form-text-secondary);margin-bottom:var(--form-spacing-sm);text-transform:uppercase;letter-spacing:.025em;font-weight:600}.form-nested-question{margin-bottom:var(--form-spacing-md)}.form-nested-question:last-child{margin-bottom:0}.form-nested-questions-inline{margin-top:var(--form-spacing-md);margin-left:var(--form-spacing-xl);padding:var(--form-spacing-md);background:var(--form-surface);border-left:3px solid var(--form-primary);border-radius:var(--form-border-radius)}.form-nested-questions-inline .form-nested-questions{margin:0}.form-nested-questions-inline .form-nested-question{margin-bottom:var(--form-spacing-md)}.form-nested-questions-inline .form-nested-question:last-child{margin-bottom:0}.form-nested-questions .form-question{padding-left:0}.form-nested-questions .form-question-label{font-size:var(--form-font-size-lg)}.form-nested-questions .form-question-text{font-family:var(--form-font-family-question,var(--form-font-family-serif-en));font-weight:600;font-size:var(--form-font-size-lg);letter-spacing:-.02em}.form-nested-questions .form-question-footer{display:none}.form-nested-questions .form-input,.form-nested-questions .form-textarea{font-size:var(--form-font-size-sm)}.form-nested-questions .form-option-label{font-family:var(--form-font-family-question,var(--form-font-family-serif-en));font-size:var(--form-font-size-md);font-weight:500}.form-question-container>*{width:100%;max-width:100%}.form-background-image{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute}.form-bg-position-left,.form-bg-position-right,.form-bg-position-default{width:100%;height:50%;top:0;left:0}@media (min-width:768px){.form-bg-position-left{width:50%;height:100%;top:0;left:0}.form-bg-position-right{width:50%;height:100%;top:0;left:auto;right:0}.form-bg-position-default{width:50%;height:100%;top:0;left:0}}.form-page-container{z-index:1;position:relative}.form-page-container>.form-content{width:100%;max-width:none}.form-bg-left .form-page-container>.form-content,.form-bg-right .form-page-container>.form-content,.form-bg-left>.form-viewport>.form-page-container>.form-content,.form-bg-right>.form-viewport>.form-page-container>.form-content{width:90%;margin:0 auto;padding:0 1rem}.form-bg-left>.form-viewport>.form-page-container,.form-bg-right>.form-viewport>.form-page-container,.form-bg-left>.form-viewport>.form-page-container>.form-content>.form-question,.form-bg-right>.form-viewport>.form-page-container>.form-content>.form-question{padding-bottom:0}.form-bg-left>.form-viewport>.form-page-container>.form-content>.form-question:first-child,.form-bg-right>.form-viewport>.form-page-container>.form-content>.form-question:first-child{margin-top:calc(var(--form-spacing-md))}.form-page-container>.form-content>.form-question{margin-bottom:0;padding-bottom:0}.form-content>.form-question:first-child{margin-top:calc(var(--form-spacing-md))}.form-content>.form-question:last-child{margin-bottom:var(--form-spacing-lg)}.form-navigation{width:auto;left:var(--form-spacing-lg);justify-content:flex-start;right:auto}.form-question{padding-left:0}.form-question-label{margin-bottom:var(--form-spacing-lg);display:block}.form-question-number{margin-bottom:var(--form-spacing-sm);display:block;position:relative;top:0;left:0;transform:none}.form-question-text{width:100%;display:block}.form-radio-group,.form-checkbox-group,.form-select-wrapper,.form-input-group{width:100%}@media (min-width:768px){.form-page-container>.form-content{width:80%;max-width:none;margin:0 auto}.form-bg-left .form-page-container>.form-content,.form-bg-right .form-page-container>.form-content,.form-bg-left>.form-viewport>.form-page-container>.form-content,.form-bg-right>.form-viewport>.form-page-container>.form-content{width:auto;padding:0 var(--form-spacing-lg);margin:0}.form-bg-left>.form-viewport>.form-page-container,.form-bg-right>.form-viewport>.form-page-container{padding-bottom:var(--form-spacing-xl)}.form-page-container>.form-content>.form-question{padding-bottom:5rem}.form-content>.form-question:first-child{margin-top:calc(var(--form-spacing-md) * 2 * 1.5)}.form-content>.form-question:last-child{margin-bottom:calc(var(--form-spacing-lg) * 2 * 1.5)}.form-navigation{justify-content:flex-end;width:auto;left:0;right:0}.form-question{padding-left:3rem}.form-question-label{align-items:flex-start;display:flex}.form-question-number{margin-bottom:0;display:inline-block;position:absolute;top:.4rem;left:-2.5rem;transform:none}.form-question-text{width:auto;display:inline}.form-radio-group,.form-checkbox-group,.form-select-wrapper,.form-input-group{width:auto}.form-bg-left>.form-viewport>.form-question-container>.form-page-container>.form-content,.form-bg-right>.form-viewport>.form-question-container>.form-page-container>.form-content{width:98%}}@media (min-width:1280px){.form-page-container>.form-content{width:70%}.form-bg-left>.form-viewport>.form-question-container>.form-page-container>.form-content,.form-bg-right>.form-viewport>.form-question-container>.form-page-container>.form-content{width:95%}}.form-bg-hidden{background:var(--form-background)}.form-bg-none{background:var(--form-background);flex:1;min-height:0}.form-bg-disabled{background:var(--form-background)}.form-bg-left{flex:1;grid-template-columns:1fr 1fr;gap:0;height:100%;min-height:0;display:grid}.form-bg-left:before{content:"";background-image:var(--bg-image);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;grid-area:1/1;width:100%;height:100%;animation:.4s ease-out slideBackgroundFromLeft}.form-bg-left .form-viewport{background:var(--form-background);grid-area:1/2;justify-content:center;align-items:center;padding:0;display:flex}.form-bg-right{flex:1;grid-template-columns:1fr 1fr;gap:0;height:100%;min-height:0;display:grid}.form-bg-right .form-viewport{background:var(--form-background);order:1;grid-area:1/1;justify-content:center;align-items:center;padding:0;display:flex}.form-bg-right:after{content:"";background-image:var(--bg-image);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;order:2;grid-area:1/2;width:100%;height:100%;animation:.4s ease-out slideBackgroundFromRight}@media (max-width:767.99px){.form-bg-left,.form-bg-right{height:100vh;display:block;position:relative;overflow:hidden}.form-bg-left:before,.form-bg-right:after{content:"";background-image:var(--bg-image);z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;height:50vh;animation:none;position:fixed;top:0;left:0;right:0}.form-bg-left .form-viewport,.form-bg-right .form-viewport{background:var(--form-background);z-index:1;order:unset;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;min-height:50vh;margin-top:30vh;padding-top:2rem;position:relative;overflow-y:auto;box-shadow:0 -4px 6px -1px #0000001a}.form-bg-left,.form-bg-right{-webkit-overflow-scrolling:touch;overflow-y:auto}.form-bg-left .form-navigation,.form-bg-right .form-navigation{bottom:0;left:var(--form-spacing-lg);z-index:200;background:linear-gradient(to top, var(--form-background) 70%, transparent);width:auto;padding-top:2rem;position:fixed;right:auto}}@keyframes slideBackgroundFromLeft{0%{opacity:0;transform:translate(-30%)}to{opacity:1;transform:translate(0)}}@keyframes slideBackgroundFromRight{0%{opacity:0;transform:translate(30%)}to{opacity:1;transform:translate(0)}}