@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Road+Rage&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://db.onlinewebfonts.com/c/1a5c2d8bbd4e28d99a6efcbb9a5b378f?family=JejuMyeongjo";@import"https://fonts.googleapis.com/css2?family=Alatsi&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:JejuMyeongjo,sans-serif}main{background:#02191d;padding:12px 0 30px;min-height:100dvh}li{list-style:none}a{text-decoration:none}header{border-radius:24px;border:1px solid #197686;background:#05252c66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:12px 16px;width:75%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}header .logo{cursor:pointer}.header__btn{font-weight:400;display:flex;align-items:center;gap:4px;border-radius:12px;border:1px solid rgba(213,234,0,.1);background:#fff;padding:16px 24px;text-transform:uppercase;color:#0a0c11;font-size:16px;cursor:pointer;transition:all .5s ease-in-out}.nav ul{display:flex;align-items:center;gap:36px}li a{color:#fff;font-size:18px;font-weight:400}li a:hover{color:#197686;text-decoration:underline;transition:all .5s ease-in-out}.header__btn:hover{background:transparent;border:1px solid #197686;color:#197686}button:hover .btn-icon{color:#197686}.btn__icon{color:#0a0c11}@media screen and (max-width: 900px){header{width:90%}.nav{display:none}.nav ul{gap:20px}}.container{padding:48px;border-radius:40px;border:1px solid #0E464F;background:#041e23;max-width:700px;margin:48px auto 0}.head__container{display:flex;align-items:center;justify-content:space-between}.head__container h2{color:#fff;font-size:32px;font-weight:400}.head__container p{color:#fafafa;font-size:16px;font-weight:400;font-family:Roboto,sans-serif}.progress__section{width:100%;height:4px;margin-top:12px;border-radius:5px;background:#0e464f}.progress__bar{height:100%;transition:width .4s ease-in-out;background-color:"#24A0B5"}.form__wrapper{border-radius:32px;border:1px solid #0E464F;padding:24px;background:#08252b;margin:32px 0 0}.form__details{padding:24px;border-radius:24px;border-right:2px solid #07373F;border-bottom:2px solid #07373F;border-left:2px solid #07373F;background:radial-gradient(57.42% 106.59% at 14.02% 32.06%,#24a0b533,#24a0b500),#0a0c111a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.form__details h1{text-align:center;color:#fafafa;font-family:Road Rage,sans-serif;font-size:62px;font-style:normal;font-weight:400;line-height:100%;margin-bottom:8px}.form__details p{text-align:center;color:#fafafa;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:340px;margin:0 auto}.event-details{margin:8px auto 0;display:flex;width:362px}.event-details p{color:#fafafa;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%;margin:0 auto}.event-details p span{margin-inline:12px}.ticket__section{padding:16px 0}.ticket__section p{color:#fafafa;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.ticket__item{padding:12px;border-radius:12px;border:2px solid #197686;cursor:pointer;transition:all .3s ease-in-out}.ticket__item:hover{background:#197686!important;border:1px solid #197686}.ticket__types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;border-radius:24px;border:1px solid #07373F;background:#052228;padding:16px}.ticket__item h2{color:#fff;font-family:Roboto,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:110%;margin-bottom:12px}@media screen and (max-width: 768px){.ticket__item h2{font-size:20px}}.ticket__item h4{color:#fafafa;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%;text-transform:uppercase}@media screen and (max-width: 1024px){.ticket__item h4{font-size:13px}}@media screen and (max-width: 768px){.ticket__item h4{font-size:16px}}.ticket__item p{color:#d9d9d9;font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}select{display:flex;padding:12px;border-radius:12px;border:1px solid #07373F;background:#041e23;color:#fff;width:100%;outline:none;margin-top:8px;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;height:54px;line-height:150%;padding-inline:15px;background-image:url(/chevron-down.svg);background-repeat:no-repeat;background-position:right 16px top 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none!important}button:disabled{cursor:not-allowed;background:#0e464f!important;opacity:.5;color:#fafafa!important}.seperator{width:100%;margin:32px 0 16px;height:4px;background:#07373f}.image__section{border-radius:24px;border:1px solid #07373F;background:#052228;padding:24px 24px 48px}.image__section p{color:#fafafa;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.image__section .darker{background-color:#0003;width:100%;height:200px;margin-top:32px}.image__container{padding:15px;height:240px;width:240px;border-radius:32px;background:#0e464f;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;bottom:18px;border:4px solid rgba(36,160,181,.5);cursor:pointer}.image__container .image{width:100%;height:100%;object-fit:"cover";border-radius:inherit}.content{text-align:center;color:#fafafa}.content p{margin-top:16px;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.input__section{padding:16px 0;display:flex;flex-direction:column}.input__section label{color:#fafafa;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:8px}.input__section input{border-radius:12px;border:1px solid #07373F;padding:12px;background:transparent;outline:none;height:48px;font-size:1rem;font-family:Roboto,sans-serif;color:#fafafa;transition:all .3s ease-in-out}.input__email{position:relative}.mail__icon{position:absolute;color:#fafafa;top:10px;left:10px}.input__email input{width:100%;padding-left:40px;transition:all .3s ease-in-out}input:focus,select:focus,textarea:focus{border:1px solid #2BA4B9}input::placeholder,select::placeholder,textarea::placeholder{color:#fafafa;font-size:16px;font-style:normal;font-weight:400;line-height:150%;opacity:.6}input::placeholder,textarea::placeholder{color:#fafafa;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.input__section textarea{resize:none;width:100%;height:100px;background:transparent;border-radius:12px;border:1px solid #07373F;outline:none;padding:12px;color:#fafafa;transition:all .3s ease-in-out}.btns{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:16px 0 0}.btns .btn{cursor:pointer;width:50%;transition:all .5s ease-in-out;padding:12px 24px;border-radius:8px;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.btns .next{color:#fff;background:#24a0b5;border:none}.btns .next:hover,.btns .cancel{color:#24a0b5;background:transparent;border:1px solid #24A0B5}.btns .cancel:hover{color:#fff;background:#24a0b5;border:1px solid transparent}.error-message{color:red;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%;margin:8px 0}.active{background:#12464e}@media screen and (max-width: 750px){.container{padding:24px;width:90%}.ticket__types{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media screen and (max-width: 700px){.nav-links{display:none}}@media screen and (max-width: 600px){.head__container h2{font-size:24px}.form__wrapper{border-radius:32px;border:none;padding:0;background:transparent;margin:32px 0 0}.form__details p,.event-details{width:100%}.form__details h1{font-size:42px}.form__details p{font-size:14px}.event-details{margin-top:40px;flex-direction:column}.event-details p span{display:none}.event-details .date{margin-top:4px}.image__section{border:none;background:transparent;padding:0 0 24px}}@media screen and (max-width: 520px){.step-3{flex-direction:column;gap:16px}.btns .btn{width:100%}}@media screen and (max-width: 425px){.btns{flex-direction:column;gap:16px}.btns .btn{width:100%}.image__section .darker{background-color:transparent;margin-top:32px}.image__container{height:256px;width:100%}.ticket__container{width:98%}.ticket__barcode{width:150px;left:25%;transform:translate(25%)}}.ticket__title{text-align:center;margin:32px 0 0}.ticket__title h1{color:#fff;font-family:Alatsi,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:normal}.ticket__title p{margin-top:16px;color:#fafafa;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.ticket__container{width:300px;margin:64px auto 32px;position:relative;display:grid;place-items:center}.ticket__info{border-radius:16px;border:1px solid #24A0B5;background:#031e211a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;top:1.5rem;width:90%}.ticket__bg{width:100%}.ticket__barcode{position:absolute;bottom:25px;left:33px}.ticket__details{display:flex;justify-content:center;align-items:center;color:#fafafa;flex-direction:column;font-family:Roboto,sans-serif;font-size:13px;font-style:normal;font-weight:600;line-height:150%;margin:0 auto;text-align:center;margin-bottom:.5rem}.ticket__details h1{font-family:Road Rage,sans-serif;font-size:38px;font-style:normal;font-weight:400;line-height:100%}.ticket__details__pfp{border-radius:15px;height:100px;width:160px;height:160px;margin-top:1rem}.ticket__details__pfp img{border-radius:15px;height:100%;width:100%}.ticket__details__info{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;grid-auto-flow:dense;margin-top:1rem;border-radius:8px;border:1px solid #133D44;background:#08343c;width:90%;height:10rem}.ticket__details__info__item{display:flex;justify-content:center;align-items:start;flex-direction:column;border-right:1px solid #133D44;border-bottom:1px solid #133D44;padding-inline:.5rem}.ticket__details__info__item h2{color:#fff;font-family:Roboto,sans-serif;font-size:11px;font-weight:500;line-height:150%;opacity:.33}.ticket__details__info__item p{color:#fff;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;line-height:150%;text-align:left;word-wrap:break-word;max-width:100px}.ticket__details__info__item p:nth-child(3){white-space:nowrap}.ticket__details__info__item:last-child{grid-column:span 2}