.content-container{max-width:400px;margin:40px auto;min-height:200px}.desktop-intro{display:block}.mobile-intro{display:none}.fbe-intro{text-align:center;margin-bottom:40px}.fbe-title{font-size:26px;font-weight:700;margin-bottom:16px;color:#212B36}.fbe-description{font-size:12px;color:#212B36;margin-bottom:10px;max-width:400px;margin-left:auto;margin-right:auto}.fbe-subtitle{font-size:12px;font-weight:700;color:#212B36;margin-bottom:24px}.steps-container{display:flex;justify-content:space-evenly;margin-bottom:40px}.step-item{flex:1 1;max-width:120px;text-align:center;background:#F1F2F6;padding:16px;border-radius:8px}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 5px}.step-number img{width:24px;height:24px;object-fit:contain}.step-text{font-size:10px;color:#131E29;margin:0;line-height:1.4}.registerContainer{width:100%;background:white;border:1px solid #212b36;border-radius:36px;overflow:hidden;position:relative}.step-heading{font-size:17px;margin-bottom:20px}.registerContainer:before{content:attr(data-header);background:#212B36;color:white;width:100%;padding:20px;font-size:22px;font-weight:700;text-align:center;display:block;box-sizing:border-box;position:relative;top:0;left:0;margin:0}.register-content{padding:40px 20px}.outer-input-container{display:flex;margin-bottom:20px;width:100%;flex-direction:column}.input-container{position:relative;width:100%;display:flex}.error-message-container{margin-top:8px;padding-left:5px}.error-message{color:#EA212D;font-weight:700;font-size:12px;display:flex;align-items:center}.error-icon{margin-right:8px}.floating-label{position:absolute;left:5px;top:50%;transform:translateY(-50%);font-size:16px;color:#919EAB;pointer-events:none;transition:all .2s ease}.bottom-line-input{border:none;border-bottom:1px solid #919eab;outline:none;width:100%;padding:8px 5px;font-size:16px;font-weight:700;background-color:transparent}.bottom-line-input.error{border-bottom-color:#EA212D}.bottom-line-input:focus+.floating-label,.bottom-line-input:not(:placeholder-shown)+.floating-label{top:0;transform:translateY(-70%);font-size:12px;color:#212B36}.bottom-line-input:disabled{opacity:.7;cursor:not-allowed}.delivery-options{margin:30px 0}.delivery-buttons{display:flex;gap:10px;flex-wrap:wrap}.technical-details{background:#F1F2F6;padding:15px;border-radius:8px;margin:20px 0}.receipt-footer h4{font-size:14px;color:#212B36;margin:0 0 10px}.delivery-button{flex:1 1;padding:12px;border:2px solid #212b36;border-radius:8px;background:white;color:#212B36;font-weight:500;cursor:pointer;transition:all .2s ease}.delivery-button:not(.selected):hover:not(:disabled){background:#F1F2F6}.delivery-button.selected{background:#212B36;color:white}.delivery-button:disabled{opacity:.7;cursor:not-allowed}.button-content{display:flex;align-items:center;justify-content:center;gap:8px}.action-button{margin-top:20px;padding:12px 20px;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;font-weight:700;width:100%;background-color:#212B36;color:white;position:relative}.action-button:disabled{background-color:#212B36;opacity:.7;cursor:not-allowed}.action-button.print{background-color:white;color:#212B36;border:2px solid #212b36}.action-button.print:disabled{background-color:white;border-color:#212B36;opacity:.7}.token-result{width:100%}.token-container{margin-bottom:20px;padding:20px;background:white;border-radius:8px}.receipt-header{border-bottom:1px solid #dfe3e8;padding-bottom:15px;margin-bottom:20px}.receipt-date{color:#212B36;font-size:14px}.detail-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.label,.value{color:#212B36}.value{font-weight:500}.token-section{background:#F1F2F6;padding:15px;border-radius:8px;margin:20px 0;overflow:hidden}.token-section h4{color:#212B36;margin:0 0 10px;font-size:16px}.token-display-container{position:relative;width:100%}.token-display{font-family:monospace;font-size:18px;font-weight:700;background:white;padding:12px 35px 12px 8px;border-radius:8px;border:1px solid #dfe3e8;text-align:center;letter-spacing:1px;word-break:break-all;white-space:normal;line-height:1.5}.token-display::-webkit-scrollbar{display:none}.copy-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#212B36;border-radius:4px;transition:all .2s ease}.copy-button:hover{background-color:#F1F2F6}.copy-button.success{color:#0A9BA9}.copy-button:focus{outline:none;box-shadow:0 0 0 2px rgba(36,48,61,.2)}.units-section{background:#F1F2F6;padding:15px;border-radius:8px;margin:20px 0}.delivery-status{color:#0A9BA9;background:#E8F5F6;padding:10px;border-radius:8px;margin-top:10px;font-size:14px;text-align:center}.receipt-footer{border-top:1px solid #dfe3e8;margin-top:20px;padding-top:15px;font-size:12px;color:#212B36}.receipt-footer p{margin:5px 0}.grecaptcha-badge{visibility:visible!important;z-index:999999}@media (max-width:500px){.mobile-intro{margin-bottom:30px!important;border-bottom:2px solid #24303d}.registerContainer:before{padding:10px;font-size:18px}.content-container{max-width:unset;margin:0 auto 20px}.desktop-intro{display:none}.mobile-intro{display:block}.mobile-intro,.mobile-intro .fbe-intro{margin-bottom:20px}.mobile-intro .step-item{padding:8px}.mobile-intro .fbe-title{font-size:22px}.mobile-intro .steps-container{gap:8px}.steps-container{flex-direction:row;gap:12px;padding:0 12px}.step-item{padding:12px 8px}.step-text{font-size:12px}.registerContainer{border:none;border-radius:0}.token-display{font-size:16px;letter-spacing:.5px;padding:10px 35px 10px 6px}.copy-button{padding:6px}}@media print{.content-container{padding:0;background:none;max-width:100%;margin:0}.registerContainer{border:none;margin:0;width:100%}.token-container{width:100%;padding:20px;margin:0}.token-display{border:1px solid #dfe3e8;padding:15px;margin:10px 0;font-size:16px;letter-spacing:1px;white-space:normal;word-break:break-all}.action-buttons{display:none}.delivery-status,.receipt-footer,.token-section,.units-section{page-break-inside:avoid}.copy-button{display:none}@page{size:A4;margin:20mm}}.error-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.error-content{background:white;padding:2rem;border-radius:8px;width:90%;max-width:500px;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.1)}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.error-body{text-align:center;margin-bottom:1.5rem}.icon-container{margin-bottom:1rem}.info-icon{width:64px;height:64px}.error-body h2{color:#333;margin-bottom:1rem;line-height:30px}.error-body p{color:#666;margin-bottom:1.5rem}.button-container{display:flex;justify-content:center}.primary-button{padding:.75rem 2rem;color:white;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.primary-button,.primary-button:hover{background-color:#24303D}