body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#19151b,#2a1f2b 25%,#19151b 50%,#3d2a2f 75%,#19151b);background-size:400% 400%;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(circle at 20% 80%,#d78c1c1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#d78c1c14 0,#0000 50%),radial-gradient(circle at 40% 40%,#d78c1c0d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{min-height:100vh}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a}.glass-card::-webkit-scrollbar{width:12px}.glass-card::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px;margin:4px}.glass-card::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d78c1c,#f4a54a);border:2px solid #ffffff1a;border-radius:10px}.glass-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f4a54a,#d78c1c);box-shadow:0 0 10px #d78c1c80}.glass-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-size:16px;padding:16px;transition:all .3s ease;width:100%}.glass-input:focus{background:#d78c1c1a;border-color:#d78c1c;box-shadow:0 0 20px #d78c1c4d;outline:none}.glass-input::placeholder{color:#fff9}.glass-button{background:linear-gradient(135deg,#d78c1c,#f4a54a);border:none;border-radius:12px;box-shadow:0 4px 15px #d78c1c66,inset 0 1px 0 #fff3;color:#19151b;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.glass-button:hover{box-shadow:0 8px 25px #d78c1c99,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.glass-button:active{transform:translateY(0)}.glass-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.glass-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.glass-button:hover:before{left:100%}.glass-label{color:#fff;display:block;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.glass-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;padding:16px;transition:all .3s ease;width:100%}.glass-select:focus{background:#d78c1c1a;border-color:#d78c1c;box-shadow:0 0 20px #d78c1c4d;outline:none}.glass-select option{background:#19151b;color:#fff}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.status-open{background:#dc354533;border-color:#dc35454d;color:#ff6b7a}.status-in_progress{background:#d78c1c33;border-color:#d78c1c4d;color:#d78c1c}.status-billing{background:#9c27b033;border-color:#9c27b04d;color:#ba68c8}.status-closed{background:#28a74533;border-color:#28a7454d;color:#51cf66}.priority-high{background:#dc354533;border-color:#dc35454d;color:#ff6b7a}.priority-medium{background:#d78c1c33;border-color:#d78c1c4d;color:#d78c1c}.priority-low{background:#28a74533;border-color:#28a7454d;color:#51cf66}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulse{0%,to{box-shadow:0 2px 8px #d78c1c66}50%{box-shadow:0 2px 10px #d78c1c73}}.ticket-form-container{display:flex;gap:40px;margin:20px;min-height:80vh}.welcome-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.form-section{flex:0 0 800px;overflow:hidden;padding:40px;position:relative}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d78c1c,#f4a54a);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Nunito,Poppins,Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:900;letter-spacing:1px;line-height:1.1;margin-bottom:40px;text-align:left;text-transform:uppercase}.welcome-text{color:#ffffffe6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:300;line-height:1.7;margin-bottom:40px;text-align:left}.welcome-paragraph{margin-bottom:20px}.call-button{border-radius:16px;display:inline-flex;font-size:18px;font-weight:700;gap:12px;justify-content:center;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:auto}.call-button,.header-container{align-items:center;padding:20px 32px}.header-container{display:flex;justify-content:space-between;margin:20px;overflow:hidden;position:relative}.header-logo{filter:brightness(1.2) contrast(1.1);height:50px;max-width:200px;object-fit:contain}.header-phone{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d78c1c1a;border:1px solid #d78c1c4d;border-radius:25px;display:flex;padding:12px 20px;position:relative;z-index:2}.header-phone a{color:#d78c1c;font-size:16px;font-weight:600;letter-spacing:.5px;text-decoration:none;transition:all .3s ease}@media (max-width:768px){.ticket-form-container{flex-direction:column;gap:20px;margin:10px}.welcome-section{flex:none;padding:20px}.form-section{flex:none;padding:24px;width:100%}.welcome-title{font-size:28px;letter-spacing:.5px}.welcome-text,.welcome-title{margin-bottom:24px;text-align:center}.welcome-text{font-size:16px}.welcome-paragraph{margin-bottom:16px}.call-button{font-size:16px;padding:16px 24px}.header-container{margin:10px;padding:16px 20px}.header-logo{height:40px;max-width:150px}.header-phone{padding:10px 16px}.header-phone a{font-size:14px}}@media (max-width:480px){.header-container{flex-direction:column;gap:16px}.welcome-title{font-size:24px}.welcome-text{font-size:14px}}