@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Oswald:wght@400;700&display=swap";.navbar{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;border-radius:1.5rem;border:1px solid var(--border-color);margin-bottom:3rem;background-color:#0e464f1a}.navbar .logo{font-family:Oswald,sans-serif;font-size:2rem;font-weight:700;color:var(--btn-color)}.navLinks ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.navLinks li{font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:color .3s ease}.myTickets:hover,.navLinks li:hover{color:var(--btn-color)}.myTickets{font-family:Inter,sans-serif;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:5px;transition:all .3s ease;background-color:#24a0b51a}*{margin:0;padding:0;box-sizing:border-box}:root{--btn-color: #24A0B5;--border-color: #0b5864;--dark-bg: #02191D;--secondary-color: #0E464F;--gradient-color: radial-gradient( 60.59% 50.85% at 50% 0%, rgba(36, 160, 181, .2) 0%, rgba(36, 160, 181, 0) 100%);--border-radius: 15px}body{background-color:var(--dark-bg);color:#fff;font-family:Inter,sans-serif}.App{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem}.main{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:700px;background:#558b8c1a;border:1px solid var(--border-color);border-radius:10px;padding:30px}.ticket-header{text-align:center;margin-bottom:2.3rem}.selectionSteps{display:flex;justify-content:space-between;align-items:center}#title{font-size:1.8rem;font-weight:100;font-family:Oswald,sans-serif}#steps{font-size:1rem}.progress-bar{height:6px;background:#0e464f33;border-radius:3px;overflow:hidden;margin:1rem auto;width:100%}.progress-fill{height:100%;background:var(--btn-color);transition:width .3s ease}#ticket-container{display:flex;flex-direction:column;gap:3rem;padding:30px;border:1px solid var(--border-color);border-radius:10px;background-color:#637b801a}header{display:flex;flex-direction:column;gap:1rem;background:var(--gradient-color);border:1px solid var(--border-color);border-radius:10px;padding:30px 0;font-size:18px;text-align:center}h1{font-size:2.6rem;font-family:Oswald,sans-serif;font-weight:900}hr{border:1px solid var(--border-color)}#ticketType{display:flex;flex-direction:column;gap:1rem}#tickets{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem}.ticket{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-color);padding:.6rem;border-radius:15px;transition:background-color .2s ease}label,.text{font-size:18px;font-weight:500}.inputField{display:flex;flex-direction:column;gap:5px}.upload-section{display:flex;flex-direction:column;gap:1rem;padding:20px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px}.dropzone{padding:2rem;background:var(--dark-bg);text-align:center;cursor:pointer;transition:all .3s ease;min-height:150px;display:flex;align-items:center;justify-content:center}.dropzone.error{border-color:#ff1744}.preview-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:200px;height:200px;background:var(--btn-color);border-radius:5px}.preview-image{width:100%;height:100%;object-fit:cover;border-radius:5px}.row{display:flex;justify-content:space-between;align-items:center}.ticket img{width:100px;height:100px;border-radius:50%;margin-bottom:1rem}#ticketsNum{padding:10px;border:1px solid var(--border-color);border-radius:10px;background-color:transparent;color:#fff}.form-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}button{margin:0;width:auto;min-width:160px;font-family:Inter,sans-serif;font-size:18px;cursor:pointer;border:none;border-radius:var(--border-radius);padding:.75rem}.button.primary{display:inline;float:left;background-color:var(--btn-color);color:#fff;transition:background .3s ease}.button.primary:hover{background-color:#1d8690}.button.secondary{background-color:transparent;color:var(--btn-color);border:1px solid var(--btn-color);transition:background .3s ease,color .3s ease}.button.secondary:hover{background-color:var(--btn-color);color:#fff}.upload-content{display:flex;flex-direction:column;gap:1rem;padding:0 10px}.error-message{color:#ff1744;margin-top:.5rem;font-size:.875rem}.inputField{display:flex;flex-direction:column;gap:15px}.form-input{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:#ffffff0d;color:#fff;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--btn-color);box-shadow:0 0 0 2px #24a0b533}#tickets .ticket:hover{background-color:#24a0b51a;cursor:pointer}#tickets .ticket:active{background-color:#24a0b533}#tickets .ticket.selected{background-color:#24a0b54d;border-color:var(--btn-color)}.confirmation-wrapper{border:1px solid var(--border-color);background:#0e464f1a;margin-top:.2rem}.confirmation-title{font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:400;text-align:center}.confirmation-card{display:flex;gap:1rem;align-items:center;padding:1.3rem;border:1px solid var(--border-color);background:#ffffff0d}.avatar-preview{width:150px;height:150px;object-fit:cover;border:1px solid var(--btn-color)}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.user-details{flex:1;display:flex;align-items:center;justify-content:center}.ticket-info p{margin:.25rem 0}.ticket-info{font-size:1.1rem;line-height:1.4}.ticket-info strong{color:var(--btn-color);margin-right:.5rem}@media (max-width: 600px){.App{padding:.5rem}form,.ticket{width:90%}}@media (max-width: 480px){.confirmation-card{flex-direction:column;align-items:center}.ticket-info{font-size:.9rem}.ticket-info p{margin:.2rem 0}}