:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--color-background-primary:#fff;--color-background-secondary:#f9fafb;--color-background-tertiary:#f3f4f6;--color-background-danger:#fef2f2;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-danger:#dc2626;--color-border-primary:#e5e7eb;--color-border-secondary:#d1d5db;--color-border-danger:#fca5a5;--color-border-focus:#3b82f6;--color-accent-primary:#0f2942;--color-accent-hover:#1a3d5c;--color-accent-active:#08182b;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){#social .button-icon{filter:none}}#root{box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{height:100vh;margin:0;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-container{box-sizing:border-box;background:0 0;height:100vh;min-height:100vh;padding:2rem 1rem;overflow:hidden}.content-wrapper{grid-template-columns:400px 1fr;align-items:stretch;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding-bottom:1.5rem;display:grid}.info-panel{background:var(--color-background-primary);border-radius:var(--border-radius-xl);border:none;outline:none;padding:1.5rem;line-height:1.7;overflow:hidden}.info-panel-logo{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.info-panel-logo img{object-fit:contain;max-width:100%;max-height:50px}.info-panel-heading{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.5rem;font-weight:600;line-height:1.3}.info-panel-description{color:var(--color-text-primary);margin:0 0 1rem;font-size:.9375rem}.info-panel-text{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.875rem}.info-panel-contact-list{color:#0f2942;flex-direction:column;gap:.5rem;margin:1.5rem 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.info-panel-contact-list li{align-items:center;gap:.5rem;display:flex}.contact-icon{text-align:center;flex-shrink:0;width:1.25rem;font-size:1rem;display:inline-block}.info-panel-contact-list a{color:#0f2942;text-decoration:none}.form-panel{background:var(--color-background-primary);border-radius:var(--border-radius-xl);border:none;outline:none;height:calc(100vh - 7rem);padding:2rem 2rem 1rem;overflow:hidden auto}.form-header{margin-bottom:2rem}.form-title{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.75rem;font-weight:600;line-height:1.2}.form-subtitle{color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.5}.form-content{flex-direction:column;gap:.875rem;display:flex}.form-actions{align-items:center;gap:1rem;margin-top:.75rem;margin-bottom:1rem;display:flex}.loading-container{text-align:center;color:var(--color-text-secondary);padding:3rem}.loading-spinner{border:3px solid var(--color-background-tertiary);border-top-color:var(--color-accent-primary);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:.8s linear infinite spinner;display:inline-block}@media (width<=1024px){.app-container{padding:2rem 1rem}.content-wrapper{grid-template-columns:1fr;gap:1.5rem;max-width:800px}.info-panel{position:static}.form-panel{padding:2rem}}@media (width<=768px){.app-container{padding:1.5rem 1rem}.content-wrapper{gap:1.25rem}.info-panel{padding:1.5rem}.info-panel-heading{font-size:1.25rem}.form-panel{padding:1.5rem}.form-title{font-size:1.5rem}.form-subtitle{font-size:.875rem}}@media (width<=480px){.app-container{padding:1rem .75rem}.info-panel,.form-panel{border-radius:var(--border-radius-lg);padding:1.25rem}.form-actions{flex-direction:column;width:100%}.form-actions button{width:100%}}@media print{.app-container{background:#fff;padding:0}.content-wrapper{box-shadow:none;grid-template-columns:1fr}.info-panel,.form-panel{box-shadow:none;break-inside:avoid}button{display:none}}input[type=text],input[type=email],input[type=tel],select,textarea{color:#1f2937;border-radius:var(--border-radius-sm);width:100%;transition:all var(--transition-base);box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;line-height:1.4}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:1}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus,textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}input[type=text]:not(:disabled):hover,input[type=email]:not(:disabled):hover,input[type=tel]:not(:disabled):hover,select:not(:disabled):hover,textarea:not(:disabled):hover{border-color:var(--color-border-primary)}input.error,select.error,textarea.error{border-color:var(--color-border-danger);background-color:var(--color-background-danger)}input.error:focus,select.error:focus,textarea.error:focus{box-shadow:0 0 0 3px #dc26261a}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-background-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6;border-color:var(--color-border-secondary)}textarea{resize:vertical;color:#1f2937;background-color:#f3f4f6;min-height:100px;font-family:inherit}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}select:disabled{cursor:not-allowed;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")}button[type=submit],button.primary-button{color:#fff;background-color:var(--color-accent-primary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;display:inline-flex}button[type=submit]:hover:not(:disabled),button.primary-button:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}button[type=submit]:active:not(:disabled),button.primary-button:active:not(:disabled){background-color:var(--color-accent-active);box-shadow:var(--shadow-sm);transform:translateY(0)}button[type=submit]:disabled,button.primary-button:disabled{background-color:var(--color-background-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;box-shadow:none;opacity:.6;transform:none}button.secondary-button{color:var(--color-text-primary);background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:inherit;font-size:1rem;font-weight:500;display:inline-flex}button.secondary-button:hover:not(:disabled){background-color:var(--color-background-tertiary);border-color:var(--color-border-secondary)}button.secondary-button:disabled{opacity:.5;cursor:not-allowed}label{color:var(--color-text-secondary);text-align:left;margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.form-field{flex-direction:column;gap:.25rem;display:flex}.field-error{color:var(--color-text-danger);align-items:flex-start;gap:.25rem;margin-top:.25rem;font-size:.8125rem;display:flex}.required-indicator{color:var(--color-text-danger);margin-left:.125rem}.form-row{flex-direction:column;gap:.875rem;display:flex}.form-row-2col{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}@media (width<=640px){.form-row-2col{grid-template-columns:1fr}}.input-group{align-items:stretch;display:flex}.input-group input{border-left:none;border-radius:0}.input-group input:first-child{border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);border-left:1px solid var(--color-border-secondary)}.input-group input:last-child{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0}.input-prefix,.input-suffix{background-color:var(--color-background-secondary);border:1px solid var(--color-border-secondary);color:var(--color-text-secondary);align-items:center;padding:.75rem 1rem;font-size:.9375rem;display:flex}.input-prefix{border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);border-right:none}.input-suffix{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;border-left:none}button.loading{color:#0000;pointer-events:none;position:relative}button.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite spinner;position:absolute;top:50%;left:50%}@keyframes spinner{to{transform:rotate(360deg)}}.help-text{color:var(--color-text-tertiary);margin-top:.25rem;font-size:.8125rem}.character-counter{color:var(--color-text-tertiary);text-align:right;margin-top:.25rem;font-size:.75rem}.character-counter.warning{color:#f59e0b}.character-counter.error{color:var(--color-text-danger)}.form-section{margin-bottom:2rem}.form-section-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.form-section-description{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.875rem}.error-alert{background:var(--color-background-danger);border:1px solid var(--color-border-danger);border-radius:var(--border-radius-md);color:var(--color-text-danger);align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.error-alert-icon{flex-shrink:0;margin-top:.125rem}.success-alert{border-radius:var(--border-radius-md);color:#166534;background:#f0fdf4;border:1px solid #86efac;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}textarea.field-purple{background-color:#f3f4f6}.searchable-select{width:100%;position:relative}.searchable-select-control{cursor:pointer;position:relative}.searchable-select-input{width:100%;color:var(--color-text-primary);background-color:var(--color-background-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);transition:all var(--transition-base);box-sizing:border-box;cursor:pointer;outline:none;padding:.75rem 3rem .75rem 1rem;font-family:inherit;font-size:.9375rem;line-height:1.5}.searchable-select-input:focus{border-color:var(--color-border-focus);cursor:text;box-shadow:0 0 0 3px #3b82f61a}.searchable-select-input.error{border-color:var(--color-border-danger);background-color:var(--color-background-danger)}.searchable-select-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.searchable-select-input:disabled{background-color:var(--color-background-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.searchable-select-input::placeholder{color:var(--color-text-tertiary);opacity:1}.searchable-select-indicators{pointer-events:none;align-items:center;gap:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.searchable-select-clear{background:var(--color-background-tertiary);width:20px;height:20px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);pointer-events:auto;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:flex}.searchable-select-clear:hover{background:var(--color-border-danger);color:var(--color-text-danger)}.searchable-select-arrow{color:var(--color-text-tertiary);transition:transform var(--transition-base);pointer-events:none;justify-content:center;align-items:center;font-size:.625rem;display:flex}.searchable-select-arrow.open{transform:rotate(180deg)}.searchable-select-menu{background:var(--color-background-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);max-height:300px;box-shadow:var(--shadow-lg);z-index:1000;margin:0;padding:.25rem 0;list-style:none;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.searchable-select-menu::-webkit-scrollbar{width:8px}.searchable-select-menu::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:4px}.searchable-select-menu::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:4px}.searchable-select-menu::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.searchable-select-option{color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9375rem;display:flex}.searchable-select-option:hover,.searchable-select-option.highlighted{background:var(--color-background-secondary)}.searchable-select-option.selected{color:var(--color-accent-primary);background:#3b82f61a;font-weight:500}.searchable-select-option.selected:hover{background:#3b82f626}.searchable-select-option.empty{color:var(--color-text-tertiary);cursor:default;justify-content:center;font-style:italic}.searchable-select-option.empty:hover{background:0 0}.searchable-select-checkmark{color:var(--color-accent-primary);font-size:1rem;font-weight:700}.searchable-select-input:focus-visible,.searchable-select-clear:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.searchable-select.disabled{opacity:.6;pointer-events:none}@media (width<=768px){.searchable-select-menu{max-height:250px}.searchable-select-option{padding:.75rem 1rem;font-size:1rem}.searchable-select-input{font-size:1rem}}@media (hover:none) and (pointer:coarse){.searchable-select-option{min-height:44px}.searchable-select-clear{width:28px;height:28px}}@media (prefers-color-scheme:dark){.searchable-select-menu{box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}}@media (prefers-contrast:high){.searchable-select-input{border-width:2px}.searchable-select-option.highlighted{outline-offset:-2px;outline:2px solid}}@media (prefers-reduced-motion:reduce){.searchable-select-menu{animation:none}.searchable-select-arrow,.searchable-select-option{transition:none}}.success-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.success-icon-container{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.5rem;animation:.5s cubic-bezier(.68,-.55,.265,1.55) successPop;display:flex;box-shadow:0 4px 14px #10b9814d}.success-icon{font-size:2rem;line-height:1;animation:.5s ease-in-out .3s both checkmark}.success-content{max-width:400px;margin-bottom:2rem}.success-title{color:var(--color-text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.3}.success-message{color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.6}.success-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}.confetti{background:var(--color-accent-primary);width:10px;height:10px;animation:3s ease-out forwards confetti-fall;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@media (width<=768px){.success-screen{padding:3rem 1.5rem}.success-icon-container{width:64px;height:64px}.success-icon{font-size:1.75rem}.success-title{font-size:1.25rem}.success-message{font-size:.9375rem}.success-actions{flex-direction:column;width:100%}.success-actions button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.info-panel{animation:.6s cubic-bezier(.22,1,.36,1) slideInFromLeft}.form-panel{animation:.6s cubic-bezier(.22,1,.36,1) slideInFromRight}.form-field{animation:.4s ease-out backwards fadeIn}.form-field:first-child{animation-delay:50ms}.form-field:nth-child(2){animation-delay:.1s}.form-field:nth-child(3){animation-delay:.15s}.form-field:nth-child(4){animation-delay:.2s}.form-field:nth-child(5){animation-delay:.25s}.form-field:nth-child(6){animation-delay:.3s}.form-field:nth-child(7){animation-delay:.35s}.form-row-2col{animation:.4s ease-out backwards fadeIn}.form-row-2col:first-child{animation-delay:50ms}.form-row-2col:nth-child(2){animation-delay:.1s}.form-row-2col:nth-child(3){animation-delay:.15s}.form-header{animation:.5s ease-out fadeIn}.form-actions{animation:.4s ease-out .4s backwards fadeIn}input:focus,select:focus,textarea:focus{animation:.3s ease-out inputFocus}@keyframes inputFocus{0%{box-shadow:0 0 #3b82f600}50%{box-shadow:0 0 0 4px #3b82f626}to{box-shadow:0 0 0 3px #3b82f61a}}button[type=submit]:hover:not(:disabled),button.primary-button:hover:not(:disabled){animation:.3s ease-out buttonHover}@keyframes buttonHover{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(-1px)}}.loading-skeleton{background:linear-gradient(90deg, var(--color-background-secondary) 0%, var(--color-background-tertiary) 50%, var(--color-background-secondary) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.error-alert{animation:.3s ease-out slideDown}.form-field.has-value label,.form-field.is-focused label{animation:.2s ease-out floatLabel}@keyframes floatLabel{0%{font-size:.875rem;transform:translateY(0)}to{font-size:.75rem;transform:translateY(-.5rem)}}.tooltip{animation:.2s ease-out tooltipFadeIn}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.info-panel:hover,.form-panel:hover{transition:transform .3s,box-shadow .3s}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-animated{background-size:200% 200%;animation:8s infinite gradientShift}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:1s linear infinite spin}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}.glow-effect{animation:2s ease-in-out infinite glow}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple:active:after{width:300px;height:300px}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{white-space:nowrap;animation:2s steps(40,end) 1s both typewriter;overflow:hidden}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.info-panel,.form-panel,.form-field,.form-row-2col,.form-header,.form-actions{animation:none!important}}.info-panel,.form-panel{will-change:transform, opacity}button[type=submit],button.primary-button{will-change:transform, box-shadow}:focus-visible{animation:.3s ease-out focusRing}@keyframes focusRing{0%{outline-offset:0px}50%{outline-offset:4px}to{outline-offset:2px}}
