@font-face{font-family:Inconsolata Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:50% 200%;src:url(/assets/inconsolata-vietnamese-wdth-normal-CrHhiD4w.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inconsolata Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:50% 200%;src:url(/assets/inconsolata-latin-ext-wdth-normal-D5F_HfW_.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inconsolata Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:50% 200%;src:url(/assets/inconsolata-latin-wdth-normal-C2-2uAU-.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5em}:root{--ff-primary: "Inconsolata Variable", monospace;--container-max-width: 45rem;--fs-200: .765rem;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.5rem;--fs-700: 2rem;--fs-800: 2.5rem;--fs-900: 3.5rem;--fw-light: 300;--fw-regular: 400;--fw-semi-bold: 600;--fw-bold: 700;--clr-text: hsl(0, 0%, 100%);--clr-dark-text: hsl(248, 70%, 10%);--clr-background: hsl(248, 70%, 10%);--clr-neutral-300: hsl(252, 6%, 83%);--clr-neutral-500: hsl(245, 15%, 58%);--clr-neutral-700: hsl(245, 19%, 35%);--clr-neutral-opacity-700: hsla(245, 19%, 35%, .13);--clr-neutral-opacity-dark-700: hsla(245, 19%, 35%, .31);--clr-neutral-900: hsl(248, 70%, 10%);--clr-input-background: hsl(245, 19%, 35%);--clr-primary: hsl(7, 88%, 67%);--clr-primary-500: hsl(7, 88%, 67%);--clr-secondary: #404a5a;--clr-accent: #00f3f3;--gradient-text: linear-gradient(to right, var(--clr-primary), var(--clr-text))}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;margin:0}input,button,textarea,select{font:inherit}img,picture{display:block;max-width:100%;height:auto}body{font-family:var(--ff-primary);font-size:var(--fs-400);background-color:var(--clr-background);color:var(--clr-text)}h1,h2,h3,h4,h5,h6{line-height:1.1}main{display:grid;gap:1.5rem;justify-items:center;padding-top:1.5rem}a{text-decoration:none;color:var(--clr-primary)}.upload{border:1px dashed var(--clr-neutral-500);border-radius:.5em;display:flex;background-color:var(--clr-neutral-opacity-700);justify-content:center;align-items:center;flex-direction:column;padding-bottom:1em}.upload__buttons{display:flex;gap:1em}.upload__image{width:3.25rem;height:3.25rem;overflow:hidden;border-radius:12px;margin:0 auto 1rem;border:2px solid hsla(245,19%,35%,.274);position:relative;display:flex;align-items:center;justify-content:center;background-color:#4b486a4b}.content{max-width:50ch;text-align:center;justify-self:center}.content__title{font-size:var(--fs-700);margin-block:0}.content__title span{color:var(--clr-accent);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.content__subtitle{font-size:var(--fs-400);color:var(--clr-neutral-500)}.ticket{display:grid;gap:1rem;background-image:url(/pattern-ticket.svg);background-repeat:no-repeat;background-size:contain;max-width:var(--container-max-width);aspect-ratio:600/280;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;margin-top:2rem;margin-inline:inherit;grid-template-columns:1fr 48px}.ticket__content{display:grid;align-content:space-between}.ticket__top{display:flex;gap:1em}.ticket__ticket__info{display:flex;flex-direction:column;gap:1em}.ticket__title{font-size:var(--fs-500)}.ticket__logo{align-self:flex-start;width:2rem;aspect-ratio:1/1}.ticket__subtitle{font-size:var(--fs-300);padding-top:1rem;color:var(--clr-neutral-500)}.ticket__bottom{display:flex;gap:.5em;align-items:center}.ticket__profile{display:flex;gap:.5em;font-size:var(--fs-300);padding-top:.5em;color:var(--clr-neutral-500)}.ticket__avatar{width:3.25rem;height:3.25rem;overflow:hidden;border-radius:12px;border:2px solid hsla(245,19%,35%,.274);position:relative;display:flex;align-items:center;justify-content:center;background-color:#4b486a4b}@media (width > 75em){.ticket__avatar{width:4.25rem;height:4.25rem}}.ticket__number{writing-mode:tb-rl;align-self:center}.ticket__number p{font-size:var(--fs-700);color:var(--clr-neutral-500)}body{background-image:url(/background-mobile.png);background-repeat:no-repeat;background-size:cover}@media (width > 75em){body{background-image:url(/background-desktop.png)}}body:before{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:url(/pattern-lines.svg)}body:after{content:"";background-image:url(/pattern-squiggly-line-bottom.svg);background-repeat:no-repeat;position:fixed;left:0;bottom:0;width:65.2rem;height:22.2rem;z-index:-1}.lines{position:revert;z-index:-1}.lines:before{content:"";background-image:url(/pattern-squiggly-line-top.svg);background-repeat:no-repeat;position:absolute;right:0;top:3rem;width:27.2rem;height:28.2rem}.lines:after{content:"";background-image:url(/pattern-circle.svg);background-repeat:no-repeat;position:absolute;right:1rem;top:23rem;width:17.2rem;height:28.2rem;z-index:-1}.grid-flow{display:grid;gap:1rem}.button-group{display:flex;flex-wrap:wrap;gap:1.5rem}.button{padding:.75em 1.5em;font-weight:var(--fw-bold);text-decoration:none;border-radius:.5em}.button--primary{color:var(--clr-dark-text);background-color:var(--clr-primary);border:1px solid var(--clr-secondary)}.button--primary:hover{background-color:#f78779}.button--secondary{color:var(--clr-text);background-color:var(--clr-neutral-700);border:1px solid var(--clr-neutral-700);font-weight:var(--fw-300);padding:.3em .7em}.button--secondary:hover{background-color:#565379}.button--full{width:100%}.fields{display:flex;flex-direction:column;gap:1.2rem;margin:1rem 2rem}.field{display:flex;flex-direction:column;gap:.5rem}.input{display:flex;flex-direction:column}.input input[type=text],.input input[type=email],.input input[type=password]{padding:.8em 1em;background-color:var(--clr-neutral-opacity-700);border:1px solid var(--clr-neutral-700);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:.5em;color:var(--clr-neutral-300)}.input .help-text{font-size:var(--fs-200);margin-top:.5rem;color:var(--clr-neutral-500)}.input--error input{border-color:var(--clr-primary)}.input--error .help-text{color:var(--clr-primary)}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.sr-only-focusable:focus,.sr-only-focusable:active{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;width:auto!important;white-space:normal!important}.container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:2rem}.main-title{font-size:var(--fs-900);margin-block:0}.text-highlight{color:var(--clr-accent)}.justify-center{justify-content:center}.items-center{align-items:center}.justify-items-center{justify-items:center}.content-center{align-content:center}.justify-space-between{justify-content:space-between}.items-space-between{align-items:space-between}.justify-items-space-between{justify-items:space-between}.content-space-between{align-content:space-between}.justify-space-around{justify-content:space-around}.items-space-around{align-items:space-around}.justify-items-space-around{justify-items:space-around}.content-space-around{align-content:space-around}.justify-space-evenly{justify-content:space-evenly}.items-space-evenly{align-items:space-evenly}.justify-items-space-evenly{justify-items:space-evenly}.content-space-evenly{align-content:space-evenly}.justify-flex-start{justify-content:flex-start}.items-flex-start{align-items:flex-start}.justify-items-flex-start{justify-items:flex-start}.content-flex-start{align-content:flex-start}.justify-flex-end{justify-content:flex-end}.items-flex-end{align-items:flex-end}.justify-items-flex-end{justify-items:flex-end}.content-flex-end{align-content:flex-end}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-grid{display:grid}.d-inline-flex{display:inline-flex}.d-inline-grid{display:inline-grid}.d-table{display:table}.d-inline-table{display:inline-table}.d-list-item{display:list-item}.d-none{display:none}.d-contents{display:contents}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-revert{text-align:revert}.mt-0{margin-top:0}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-100{margin-top:100px}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-100{margin-bottom:100px}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-100{margin-left:100px}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-100{margin-right:100px}.mr-auto{margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-5{margin-left:5px;margin-right:5px}.mx-10{margin-left:10px;margin-right:10px}.mx-15{margin-left:15px;margin-right:15px}.mx-20{margin-left:20px;margin-right:20px}.mx-25{margin-left:25px;margin-right:25px}.mx-30{margin-left:30px;margin-right:30px}.mx-35{margin-left:35px;margin-right:35px}.mx-40{margin-left:40px;margin-right:40px}.mx-45{margin-left:45px;margin-right:45px}.mx-50{margin-left:50px;margin-right:50px}.mx-55{margin-left:55px;margin-right:55px}.mx-60{margin-left:60px;margin-right:60px}.mx-100{margin-left:100px;margin-right:100px}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-5{margin-top:5px;margin-bottom:5px}.my-10{margin-top:10px;margin-bottom:10px}.my-15{margin-top:15px;margin-bottom:15px}.my-20{margin-top:20px;margin-bottom:20px}.my-25{margin-top:25px;margin-bottom:25px}.my-30{margin-top:30px;margin-bottom:30px}.my-35{margin-top:35px;margin-bottom:35px}.my-40{margin-top:40px;margin-bottom:40px}.my-45{margin-top:45px;margin-bottom:45px}.my-50{margin-top:50px;margin-bottom:50px}.my-55{margin-top:55px;margin-bottom:55px}.my-60{margin-top:60px;margin-bottom:60px}.my-100{margin-top:100px;margin-bottom:100px}.my-auto{margin-top:auto;margin-bottom:auto}.pt-0{padding-top:0}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-100{padding-top:100px}.pt-auto{padding-top:auto}.pb-0{padding-bottom:0}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-100{padding-bottom:100px}.pb-auto{padding-bottom:auto}.pl-0{padding-left:0}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-100{padding-left:100px}.pl-auto{padding-left:auto}.pr-0{padding-right:0}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-100{padding-right:100px}.pr-auto{padding-right:auto}.px-0{padding-left:0;padding-right:0}.px-5{padding-left:5px;padding-right:5px}.px-10{padding-left:10px;padding-right:10px}.px-15{padding-left:15px;padding-right:15px}.px-20{padding-left:20px;padding-right:20px}.px-25{padding-left:25px;padding-right:25px}.px-30{padding-left:30px;padding-right:30px}.px-35{padding-left:35px;padding-right:35px}.px-40{padding-left:40px;padding-right:40px}.px-45{padding-left:45px;padding-right:45px}.px-50{padding-left:50px;padding-right:50px}.px-55{padding-left:55px;padding-right:55px}.px-60{padding-left:60px;padding-right:60px}.px-100{padding-left:100px;padding-right:100px}.px-auto{padding-left:auto;padding-right:auto}.py-0{padding-top:0;padding-bottom:0}.py-5{padding-top:5px;padding-bottom:5px}.py-10{padding-top:10px;padding-bottom:10px}.py-15{padding-top:15px;padding-bottom:15px}.py-20{padding-top:20px;padding-bottom:20px}.py-25{padding-top:25px;padding-bottom:25px}.py-30{padding-top:30px;padding-bottom:30px}.py-35{padding-top:35px;padding-bottom:35px}.py-40{padding-top:40px;padding-bottom:40px}.py-45{padding-top:45px;padding-bottom:45px}.py-50{padding-top:50px;padding-bottom:50px}.py-55{padding-top:55px;padding-bottom:55px}.py-60{padding-top:60px;padding-bottom:60px}.py-100{padding-top:100px;padding-bottom:100px}.py-auto{padding-top:auto;padding-bottom:auto}