@import"https://db.onlinewebfonts.com/c/1a5c2d8bb4e28d99a6efcbb9a5b378f?family=JejuMyeongo";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Road+Rage&display=swa";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Road+Rage&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto" sans-serif}body{position:relative;background:#02191d;border-radius:0;background:radial-gradient(52.52% 32.71% at 50% 97.66%,#24a0b533,#24a0b500),#02191d;min-height:100vh}.Layout{display:flex;flex-direction:column;width:100%}.container{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:1000px;width:100%;height:auto;background:#041e23;border:1px solid #0E464F;border-radius:40px;flex:none;order:0;flex-grow:0;margin:0 auto;color:#fff;padding:2rem;position:relative}.heading{display:flex;flex-direction:column;justify-content:center;gap:5px}.heading-text{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;font-family:JejuMyeongjo,Courier,monospace}.heading-text h1{font-size:2rem;font-weight:lighter}.heading-text h1:focus,.heading-text h1:focus-visible{outline:none}.heading-text p{font-size:1.2rem}.road-rage{font-family:Road Rage,serif;font-size:4rem;font-weight:lighter}.btn-container{display:flex;justify-content:space-between;align-items:center}.btn{padding:12px 24px;margin-inline:4px;max-width:240px;width:100%;height:48px;color:#fff;border:1px solid #24A0B5;border-radius:8px}.btn:focus,.btn:focus-visible{outline:2px solid #ffffff;outline-offset:3px;box-shadow:0 0 5px #24a0b5cc;border:1px solid #24A0B5}.cancel-btn{background-color:transparent;color:#24a0b5}.next-btn{background-color:#24a0b5}.booking:focus-visible,.btn:focus-visible,select:focus-visible{transition:outline .2s ease-in-out}.full-wdth{width:100%}.wninety{width:70%}@media (max-width: 770px){.container{width:95%}.heading-text{padding-inline:1rem;justify-content:space-between}.heading-text h1{font-size:1.5rem}.heading-text p{font-size:.8rem}}@media (max-width: 600px){.btn-container{flex-direction:column;gap:2rem}}.Navbar{max-width:1200px;width:100%;margin:0 auto;margin-top:2rem;margin-bottom:4rem;font-family:JejuMyeongjo,Courier,monospace}.Nav-container{padding:1rem;display:flex;justify-content:space-between;background:transparent;align-items:center;margin:0 auto;width:90%;border:2px solid #197686;border-radius:2rem}.nav-links{list-style-type:none;cursor:pointer;display:flex;gap:1rem;text-decoration:none}.nav-links a{color:#b3b3b3}.nav-links a:hover{color:#fff}.nav-btn{background:#fff;padding-inline:1rem;padding-block:.8rem;color:#0a0c11;border-radius:5px}a{text-decoration:none}@media (max-width: 700px){.nav-links{display:none}}.selection-field{width:60%;min-height:682px;display:flex;flex-direction:column;gap:2rem;background:#08252b;border:1px solid #0E464F;border-radius:32px;padding:clamp(.5rem,4vw,1rem)}.event-details{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2px;width:100%;min-height:200px;background:radial-gradient(103.64% 57.39% at 14.02% 32.06%,#24a0b533,#24a0b500),#0a0c111a;border:2px solid #07373F;border-top:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:24px;line-height:1.2}.ticket-options{display:flex;justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1rem);width:100%;background:#052228;border:1px solid #07373F;border-radius:24px}label{display:block;margin-bottom:1rem}.booking{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(.5rem,1.5vw,.8rem);gap:clamp(.5rem,2vw,1rem);width:100%;border:2px solid #197686;border-radius:12px;background-color:transparent;color:#fff;transition:background-color .2s ease}.booking:hover{background-color:#12464e;cursor:pointer}.booking:focus,.booking:focus-visible{outline:2px solid #24A0B5;background-color:#12464e;outline-offset:2px;border-radius:8px}.price{font-weight:700;font-size:clamp(1.25rem,2vw,1.5rem)}.price-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:100%;min-height:50px}.dropdown-container{position:relative;width:min(500px,100%);margin:0 auto;display:flex;align-items:center}#numberoftickets{width:100%;padding:10px;border:.2px solid #07373F;border-radius:8px;height:48px;background-color:transparent;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#numberoftickets:focus,#numberofticket:focus-visible{outline:2px solid #24A0B5;background-color:transparent}.custom-arrow{position:absolute;top:40%;right:10px;transform:translateY(-50%);color:#fff;pointer-events:none;font-size:1.2rem}#numberoftickets option{background-color:#07373f;color:#fff}#numberoftickets option:hover{background-color:#2ca9b7}@media (max-width: 770px){.selection-field{width:90%}.progress-icon{width:100%;padding:1rem}.road-rage{font-size:clamp(2rem,5vw,3rem)}.event-details{padding:1rem}.event-details p{font-size:clamp(.75rem,2vw,.8rem)}.ticket-options{padding:1rem}.booking{max-width:none;width:100%}.dropdown-container{width:100%}}@media (max-width: 550px){.selection-field{width:100%;gap:1.5rem}.event-details{padding:.75rem}.ticket-options{flex-direction:column}}.form-container{display:flex;flex-direction:column;align-items:center;padding:24px;gap:32px;max-width:604px;width:100%;min-height:907px;background:#08252b;border:1px solid #0E464F;border-radius:32px}.upload-container{max-width:556px;width:100%;min-height:328px;background:#052228;border:1px solid #07373F;border-radius:24px;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.upload-box-container{max-width:508px;width:100%;min-height:200px;background:#0003}.draganddrop{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;gap:16px;max-width:240px;width:100%;height:240px;margin:auto;background:#0e464f;border:4px solid rgba(36,160,181,.5);border-radius:32px}.upload-box-container{cursor:pointer;transition:all .3s ease}.upload-box-container.dragging{border-color:#4a90e2;background-color:#4a90e21a}.preview-container{position:relative;width:100%;height:200px;display:flex;justify-content:center;align-items:center}.preview-image{max-width:100%;max-height:100%;object-fit:contain}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;color:#fff;display:flex;justify-content:center;align-items:center}.breakline{width:100%}.name-input,.email-input,.textarea{max-width:550px;width:100%}.input-forms,textarea{width:100%;padding:10px;border:.2px solid #07373F;border-radius:8px;height:48px;background-color:transparent;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;font-size:16px;transition:all .3s ease-in-out}textarea{min-height:120px;resize:vertical}.input-forms:focus,.input-forms:focus-visible,textarea:focus,textarea:focus-visible{outline:2px solid #ffffff;outline-offset:3px;box-shadow:0 0 8px #24a0b5e6;border:1px solid #052228;background-color:#052228;color:#fff}.input-forms::placeholder,textarea::placeholder{color:#fff;font-size:14px}@keyframes input-focus{0%{transform:scale(1)}to{transform:scale(1.02)}}.input-forms:focus,textarea:focus{animation:input-focus .2s ease-in-out forwards}.btn-form{width:100%}.overallcontainer{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5rem;padding:0 1rem}.ticket-field{width:60%;display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;gap:1rem}.ticket-intro{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:clamp(1rem,2vw,1rem);z-index:10;position:relative;padding:0 1rem}.bg-container{position:absolute;margin:0 auto;width:100%;min-width:350px}.ticketbg{width:100%;min-width:60%;height:auto;object-fit:contain}.barcode-container{position:relative}.ticket-info{border:1px solid #24A0B5;padding:clamp(.75rem,2vw,1rem);border-radius:1.2rem;display:flex;flex:1 0 auto;flex-direction:column;align-items:center;gap:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#031e211a;width:90%;position:relative;z-index:1;margin-bottom:12rem}.event-detail{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.725rem;flex:0 1 auto;padding:0 clamp(.5rem,2vw,1rem);margin-bottom:1.2rem}.event-detail h2{font-size:2rem;font-family:Road Rage,serif;line-height:.9}.avatar{width:140px;height:140px;border:2px solid rgba(36,160,181,.5);border-radius:.8rem;margin:0 auto}.avatar img{width:100%;height:100%;border-radius:.5rem}.ticket-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;background:#08343c;color:#fff;text-align:left;border-radius:1rem;border:2px solid #12464E;padding:2px}.label{display:flex;flex-direction:column;font-size:clamp(.7rem,1.2vw,.85rem);border-bottom:2px solid #12464E;border-right:2px solid #12464E;color:#5a777c;padding:5px}.value{font-weight:700;word-break:break-word;color:#fff}.full{grid-column:span 2}.ticket-details div{padding:clamp(2px,1vw,4px);position:relative}.ticket-details div:nth-child(2),.ticket-details div:nth-child(4),.ticket-details div:last-child{border-right:none}.ticket-details div:last-child{border-bottom:none}.wninety{position:relative}@media (max-width:960px){.ticket-info{margin-bottom:10rem}}@media (max-width: 870px){.overallcontainer{width:90%;gap:8rem}.ticket-info{margin-bottom:2.5rem;width:70%;gap:2rem}.ticket-field,.bg-container,.ticketbg{min-width:350px;width:70%}}@media (max-width: 600px){.ticket-intro{align-items:flex-start;text-align:left}.ticket-info{width:90%}.ticket-field,.bg-container,.ticketbg{min-height:300px;width:60%}.event-detail{text-align:left}}@media (max-width: 450px){.ticket-details{grid-template-columns:repeat(1,1fr)}}