body{margin:0;padding:0}*{box-sizing:border-box}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #28292E;--bg-card: #FFFFFF;--text-primary: #1F2937;--text-secondary: #6B7280;--accent-color: #F39200;--accent-hover: #D67D00;--error-color: #EF4444;--error-bg: #FEE2E2;--error-border: #FECACA;--success-color: #10B981;--success-bg: #D1FAE5;--success-border: #A7F3D0;--border-color: #E5E7EB;--border-focus: #F39200;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:var(--text-primary);line-height:1.5}.app{min-height:100vh;position:relative;padding:2rem 1rem}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=1200&q=80);background-size:cover;background-position:top;background-repeat:no-repeat;z-index:0;opacity:.7}.background-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fffffff2,#ffffffb3 40%,#ffffff4d)}.page-header{position:relative;z-index:1;text-align:center;margin-bottom:3rem;padding:0 1rem}.header-logo{width:120px;height:auto;margin-bottom:1.5rem;transition:transform .3s ease}.header-logo:hover{transform:scale(1.05)}.page-title{font-size:2.5rem;font-weight:700;color:#d67d00;margin-bottom:1rem;letter-spacing:-.02em}.page-subtitle{font-size:1.125rem;color:#4a5568;max-width:600px;margin:0 auto;line-height:1.6}.container{width:100%;max-width:640px;margin:0 auto;position:relative;z-index:1}.form-card{background:#ffffff4d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(30px);border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;border:1px solid rgba(255,255,255,.5)}.form-header{text-align:center;padding:2.5rem 1.5rem 1.5rem;background:#f392000d;border-bottom:1px solid rgba(243,146,0,.1)}.form-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.025em;color:#d67d00}.form-subtitle{font-size:.95rem;color:#4a5568;font-weight:400}.ticket-form{padding:2rem 1.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.form-row{grid-template-columns:1fr 1fr}}label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.required{color:var(--error-color);margin-left:2px}input[type=text],input[type=email],input[type=tel],textarea,select{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;background-color:#fff;color:var(--text-primary);transition:all .2s ease;font-family:inherit;outline:none}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}input[type=text]:hover,input[type=email]:hover,input[type=tel]:hover,textarea:hover,select:hover{border-color:#d1d5db}input.error,textarea.error,select.error{border-color:var(--error-color);background-color:#fef2f2}input.error:focus,textarea.error:focus,select.error:focus{box-shadow:0 0 0 3px #ef44441a}textarea{resize:vertical;min-height:120px;line-height:1.6}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.input-with-icon{position:relative}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-secondary);pointer-events:none}.input-with-icon input{padding-left:2.75rem}.phone-input-group{display:flex;gap:.5rem}.country-code-select{flex:0 0 120px;padding-right:2rem}.file-input-wrapper{position:relative}.file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:2px dashed var(--border-color);border-radius:8px;background-color:#f9fafb;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500}.file-label:hover{border-color:var(--border-focus);background-color:#eff6ff}.file-icon{width:24px;height:24px;color:var(--accent-color);flex-shrink:0}.field-hint{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.error-message{display:block;font-size:.8rem;color:var(--error-color);margin-top:.375rem;font-weight:500}.status-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500;white-space:pre-line;line-height:1.6;border:1px solid}.status-message.success{background-color:var(--success-bg);color:#065f46;border-color:var(--success-border)}.status-message.error{background-color:var(--error-bg);color:#991b1b;border-color:var(--error-border)}.submit-btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:#f39200;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #f392004d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f3920066;background:#d67d00}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.btn-icon{width:20px;height:20px;stroke-width:2.5}.btn-loader{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:640px){.app{padding:3rem 2rem}.page-header{margin-bottom:4rem}.page-title{font-size:3rem}.page-subtitle{font-size:1.3rem}.ticket-form{padding:2.5rem}.form-header{padding:3rem 2rem 2rem}.form-title{font-size:2rem}.form-subtitle{font-size:1rem}}@media(min-width:768px){.app{padding:4rem 2rem}.page-title{font-size:3.5rem}.ticket-form{padding:3rem}.form-header{padding:3rem 2.5rem 2.5rem}}@media(max-width:639px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.PhoneInput{width:100%}.PhoneInputInput{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;background-color:#fff;color:var(--text-primary);transition:all .2s ease;font-family:inherit;outline:none}.PhoneInputInput:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.PhoneInputInput:hover{border-color:#d1d5db}.phone-input-error .PhoneInputInput{border-color:var(--error-color);background-color:#fef2f2}.phone-input-error .PhoneInputInput:focus{box-shadow:0 0 0 3px #ef44441a}.PhoneInputCountry{margin-right:.5rem;padding-left:.5rem}.PhoneInputCountryIcon{width:24px;height:24px;border-radius:4px;box-shadow:0 1px 2px #0000001a}.PhoneInputCountrySelect{font-size:1rem;padding:.25rem;border:none;background:transparent;cursor:pointer}.PhoneInputCountrySelect:focus{outline:none}.modal-overlay{position:fixed;inset:0;background:#28292ecc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid #E5E7EB}.modal-header.success{background:linear-gradient(135deg,#10b981,#059669)}.modal-header.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-align:center;letter-spacing:-.02em}.modal-body{padding:2rem}.modal-message{font-size:1rem;color:var(--text-primary);line-height:1.6;margin:0;text-align:center}.modal-footer{padding:1.5rem 2rem 2rem;display:flex;justify-content:center}.modal-button{padding:.875rem 2.5rem;font-size:1rem;font-weight:600;color:#fff;background:#f39200;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f392004d}.modal-button:hover{background:#d67d00;transform:translateY(-2px);box-shadow:0 6px 16px #f3920066}.modal-button:active{transform:translateY(0)}@media(max-width:639px){.modal-content{margin:1rem}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-title{font-size:1.25rem}.modal-body{padding:1.5rem}.modal-message{font-size:.95rem}.modal-footer{padding:1rem 1.5rem 1.5rem}}