*{box-sizing:border-box}:root{--label-size: 20px;--input-bg: hsl(245deg 23% 39% / 38%);--input-border-color: hsl(245, 15%, 58%);--upload-icon-bg: hsl(245deg 8.47% 51.94% / 38%);--text-color: #ccc;--border-radius: 12px;--dark-color: hsl(248, 70%, 10%);--orange-500: hsl(7, 88%, 67%);--err-color: hsl(7, 71%, 60%);--success-color: #0b930b}body{margin:0;font-family:Inconsolata,monospace}.page-wrapper{min-height:100vh;background-image:url(/assets/background-desktop-DBEOVdsQ.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.container{padding:0 16px;margin:0 auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}.form-header{margin:0 auto 30px;padding:15px;text-align:center;position:relative}.logo{display:block;margin:20px auto}.main-heading{color:#fff;margin:20px 0;font-size:48px}.content-paragraph{color:var(--text-color);font-size:var(--label-size);margin:20px 0}.main-form{max-width:410px;margin:auto;position:relative}.main-form label{display:block;margin-bottom:10px;margin-top:15px;color:#fff}.input-container{margin-bottom:10px}input[type=text],input[type=email]{color:#fff;background-color:var(--input-bg)}button[type=submit]{border:none;cursor:pointer;font-weight:700;color:var(--dark-color);background-color:var(--orange-500);margin-top:30px}input[type=text],input[type=email],button[type=submit]{width:100%;padding:15px;border-radius:var(--border-radius)}.input-missing{border:1px solid var(--err-color)}.input-normal{border:1px solid var(--input-border-color)}.file-input{padding:20px;background-color:var(--input-bg);border-radius:var(--border-radius);height:140px}.file-border{border:1px dashed var(--input-border-color)}.file-border-error{border:1px solid var(--err-color)}.upload-icon{width:fit-content;margin:0 auto 20px;padding:8px;border-radius:var(--border-radius);background-color:var(--input-bg);border:1px solid var(--input-border-color);cursor:pointer}.upload-text{text-align:center;color:var(--text-color);margin:0}.preview-image{width:50px;height:50px;margin:0 auto 20px;border:1px solid var(--input-border-color);border-radius:var(--border-radius);overflow:hidden}.preview-image>img{width:100%;height:100%}.preview-options{text-align:center}.preview-button{border-radius:6px;color:#fff;background-color:var(--input-bg);border:none;padding:5px 10px;cursor:pointer}.preview-remove{margin-right:10px}.info-container{margin-bottom:15px;display:none}.info-icon{position:relative;top:3px;margin-right:5px}.info-normal{color:var(--text-color)}.info-error{color:var(--err-color)}.info-display{display:block}.info-success{color:var(--success-color)}.ticket-header{position:relative;padding:15px;margin:0 auto 50px;text-align:center}.ticket-header h1{color:#fff;margin:20px 0 30px;font-size:48px}.ticket-header h1 span{background-image:linear-gradient(to right,#f37362,#fff);color:transparent;-webkit-background-clip:text;background-clip:text}.ticket-header p{line-height:1.3;color:var(--text-color);font-size:20px}.ticket-header p span{color:var(--orange-500)}.ticket{display:flex;justify-content:space-between;width:600px;margin:0 auto;padding:20px;border-radius:10px;border:1px solid var(--orange-500);color:#fff;background-image:linear-gradient(to right,#2d2c3d75,#5a596999)}.ticket>.text{margin-right:20px}.ticket .text .top-container{display:flex;margin-bottom:80px}.ticket .text .top-container .logo-container{margin-right:20px}.ticket .text .top-content h2{margin:0 0 15px;font-size:36px}.ticket .text .top-content p{margin:0;font-size:20px}.ticket .text .bottom-container{display:flex}.ticket .text .bottom-container .avatar-container{width:80px;height:80px;overflow:hidden;border-radius:12px;margin-right:20px}.ticket .text .bottom-container .avatar-container>img{width:100%}.ticket .text .bottom-container h3{font-weight:400;font-size:30px;margin:0 0 15px}.ticket .text .bottom-container p{color:var(--text-color);font-size:18px;margin:0}.ticket .text .bottom-container .bottom-content .github{display:flex}.ticket .text .bottom-container .bottom-content .github .image{position:relative;margin-right:5px;top:-2px}.ticket .code{align-content:center;border-left:1px dashed var(--text-color)}.ticket .code .code-text{transform:rotate(90deg);color:var(--text-color);font-size:26px}.pattern{position:absolute}.first-circle{top:-60px;left:30px}.second-circle{top:600px;left:1200px}.first-line{top:0;left:0}.second-line{top:0;left:648px}.squiggly-line-top{top:50px;left:1475px}.squiggly-line-bottom{top:665px;left:0}