: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:100%;min-height:100svh;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;justify-content:center;align-items:center;min-height:calc(100vh - 124px);padding:2rem 1rem;display:flex}.content-wrapper{justify-content:center;align-items:start;width:100%;max-width:900px;margin:0 auto;display:flex}.info-panel{background:var(--color-background-primary);border-radius:var(--border-radius-xl);box-sizing:border-box;border:none;outline:none;height:100%;max-height:calc(100vh - 140px);padding:1.5rem;line-height:1.7;overflow:hidden auto}.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);box-sizing:border-box;border:none;outline:none;width:100%;min-height:600px;max-height:calc(100vh - 140px);padding:3rem;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{justify-content:flex-end;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{max-width:700px}.info-panel{height:auto;max-height:calc(100vh - 140px);position:static}.form-panel{min-height:500px;max-height:calc(100vh - 140px);padding:2.5rem}}@media (width<=768px){.app-container{padding:1.5rem 1rem}.content-wrapper{max-width:100%}.info-panel{height:auto;max-height:calc(100vh - 130px);padding:1.5rem}.info-panel-heading{font-size:1.25rem}.form-panel{min-height:auto;max-height:calc(100vh - 130px);padding:2rem}.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.5rem}.info-panel{height:auto;max-height:calc(100vh - 120px)}.form-panel{min-height:auto;max-height:calc(100vh - 120px)}.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}}.app-header{z-index:100;background:#fff;width:100%;padding:.75rem 2rem;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.header-client-logo{align-items:center;height:40px;display:flex}.header-client-logo img{object-fit:contain;max-width:200px;max-height:100%}.header-home-icon{color:#4a5568;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;text-decoration:none;transition:all .2s;display:flex}.header-home-icon:hover{color:#2d3748;background:#0000000d;transform:scale(1.05)}.header-home-icon-disabled{opacity:.4;cursor:not-allowed}.header-home-icon-disabled:hover{color:#4a5568;background:0 0;transform:none}.header-home-icon svg{stroke-width:2px;width:24px;height:24px;display:block}@media (width<=768px){.app-header{margin-bottom:1.5rem;padding:.625rem 1.5rem}.header-client-name{font-size:1rem}.header-home-icon svg{width:22px;height:22px}}@media (width<=480px){.app-header{padding:.625rem 1rem}.header-client-name{letter-spacing:.02em;font-size:.9375rem}.header-home-icon svg{width:20px;height:20px}}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;width:100%;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;gap:.875rem;display:grid}.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}.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}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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}}
