@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";body{margin:0;font-family:Montserrat,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;display:flex;flex-direction:column}.page-head{height:300px;background-size:cover;margin-top:-130px;position:relative;display:flex;align-items:center}.nav-content{display:flex;align-items:center;justify-content:center;padding-top:130px;gap:20px;width:100%;position:relative}.nav-logo{max-height:150px;width:auto}footer{background-color:#1a4875;color:#fff;margin-top:auto;padding:50px 30px}footer h3{color:#fff;margin-bottom:26px;font-size:18px;font-weight:700}footer a{color:#fff;text-decoration:none;display:block;margin-bottom:4px;font-size:12px}footer a:hover{color:#fff}footer p{color:#fff;line-height:1.4;font-size:12px;margin-bottom:8px}.see-offer a{padding-bottom:4px}.content-area{min-height:400px;padding:50px 0;flex:1}.tracking-container{background:#fff;border-radius:0;box-shadow:0 4px 20px #0000001a;padding:40px;margin-top:20px}.tracking-title{text-align:center;color:#1a4875;font-size:2.5rem;font-weight:700;margin-bottom:10px}.tracking-subtitle{text-align:center;color:#666;font-size:1.1rem;margin-bottom:30px}.tracking-form-wrapper{max-width:100%;margin:0 auto 40px;transition:all .3s ease}.tracking-input-container{display:flex;gap:0;width:100%}.tracking-input{height:60px;font-size:1.1rem;border:2px solid #e0e0e0;border-radius:0;padding:0 20px;background-color:#f8f9fa;flex:1;border-right:none}.tracking-input:focus{border-color:#1a4875;box-shadow:none;background-color:#fff;border-right:none}.tracking-btn{height:60px;background-color:#1a4875;color:#fff;border:none;border-radius:0;padding:0 30px;font-size:1.1rem;font-weight:600;transition:all .3s ease;flex-shrink:0;min-width:120px}.tracking-btn:hover{background-color:#143c64;color:#fff}.tracking-btn:active{transform:scale(.98)}.tracking-results{margin-top:30px;animation:fadeIn .5s ease}.tracking-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:0;padding:20px;margin-bottom:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:40px;text-align:center}.package-number,.delivery-date{flex:1;min-width:200px}.tracking-info .label{display:block;font-weight:600;color:#666;margin-bottom:5px}.tracking-info .value{display:block;font-size:1.2rem;font-weight:700;color:#1a4875}.tracking-timeline{position:relative;padding:0;margin:0 auto;display:flex;flex-direction:column-reverse}.timeline-item{position:relative;margin-bottom:30px;display:flex;align-items:center;padding-left:80px;min-height:60px;transition:all .3s ease}.timeline-item:first-child{margin-bottom:30px}.timeline-item:last-child{margin-bottom:30px}.timeline-item.future{display:none}.timeline-marker{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:2}.timeline-item.completed .timeline-marker{background:#1a4875;color:#fff;transform:translateY(-50%) scale(1.05)}.timeline-item.active .timeline-marker{background:#ffc107;color:#fff;animation:pulse 2s infinite;transform:translateY(-50%) scale(1.05)}.timeline-icon{font-size:16px;font-weight:700;font-style:normal}.timeline-content{flex:1;background:#fff;padding:16px;border-radius:0;box-shadow:0 2px 8px #00000014;border-left:4px solid #e0e0e0;transition:all .3s ease}.timeline-item.completed .timeline-content{border-left-color:#1a4875;background:linear-gradient(135deg,#f8f9ff,#fff)}.timeline-item.active .timeline-content{border-left-color:#ffc107;background:linear-gradient(135deg,#fffbf0,#fff)}.timeline-title{font-size:1.4rem;font-weight:700;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:10px}.timeline-item.completed .timeline-title{color:#1a4875}.timeline-item.active .timeline-title{color:#f57c00}.timeline-title:after{content:"";flex:1;height:2px;background:linear-gradient(to right,currentColor 0%,transparent 100%);opacity:.2}.timeline-date{font-size:1rem;color:#666;margin-bottom:6px;font-weight:600;display:flex;align-items:center;gap:8px}.timeline-location{font-size:.95rem;color:#888;display:flex;align-items:center;gap:8px;font-style:italic}.timeline-description{font-size:.9rem;color:#777;line-height:1.4;margin-top:6px;padding-left:0}.timeline-item.active .timeline-description{color:#666;font-weight:500}.tracking-error{text-align:center;padding:50px 30px;background:linear-gradient(135deg,#fff5f5,#fff);border-radius:0;margin-top:30px;border:2px solid #fee;box-shadow:0 4px 20px #dc35451a}.tracking-error.rate-limit{background:linear-gradient(135deg,#fff8e1,#fff);border:2px solid #ffecb3;box-shadow:0 4px 20px #ffc1071a}.tracking-error.rate-limit .error-message h3{color:#f57c00}.tracking-error.rate-limit .error-icon{filter:drop-shadow(0 2px 4px rgba(255,193,7,.2))}.error-icon{font-size:4rem;margin-bottom:20px;filter:drop-shadow(0 2px 4px rgba(220,53,69,.2))}.error-message h3{color:#dc3545;margin-bottom:15px;font-size:1.5rem;font-weight:700}.error-message p{color:#666;font-size:1.1rem;line-height:1.6;max-width:400px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #ffc1074d}50%{transform:translateY(-50%) scale(1.2);box-shadow:0 6px 20px #ffc10780}}@media (max-width: 768px){.tracking-container{padding:30px 20px;margin-top:10px}.tracking-title{font-size:2rem}.tracking-input-container{flex-direction:column;gap:10px}.tracking-input{border-radius:0;border-right:2px solid #e0e0e0}.tracking-input:focus{border-right:2px solid rgb(26,72,117)}.tracking-info{flex-direction:column;gap:20px}.timeline-content{margin-left:20px}.timeline-title{font-size:1rem}.timeline-date,.timeline-location{font-size:.8rem}.tracking-error{padding:20px;margin:20px 0}.error-icon{font-size:3rem}.error-message h3{font-size:1.3rem}.error-message p{font-size:.9rem}footer{padding:30px 15px;margin-top:40px}footer .container{max-width:100%;padding:0}footer .col-md-3,footer .col-md-2{margin-bottom:30px;padding:0 15px}footer h3{font-size:16px;margin-bottom:15px}footer p,footer a{font-size:11px}.language-switcher{position:absolute;top:150px;right:10px}.language-btn{padding:6px 12px;font-size:12px;border-radius:20px}.language-text{display:none}.language-btn .flag-icon{font-size:18px}.language-menu{right:0;left:auto;min-width:140px}}.language-switcher{position:absolute;top:140px;right:20px}.language-btn{background-color:#ffffffe6;border:2px solid rgba(26,72,117,.3);border-radius:25px;padding:8px 16px;color:#1a4875;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-btn:hover{background-color:#fff;border-color:#1a4875;color:#1a4875;transform:translateY(-2px);box-shadow:0 4px 12px #1a487533}.language-btn:focus{box-shadow:0 0 0 3px #1a487540;border-color:#1a4875}.language-btn .flag-icon{font-size:16px;line-height:1}.language-text{font-weight:600;letter-spacing:.5px}.language-menu{border:none;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:8px 0;margin-top:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2}.language-option{padding:10px 20px;display:flex;align-items:center;gap:12px;color:#1a4875;font-weight:500;transition:all .2s ease;border:none}.language-option:hover{background-color:#1a48751a;color:#1a4875;transform:translate(4px)}.language-option .flag-icon{font-size:16px;width:20px;text-align:center}.language-option.active{background-color:#1a487526;font-weight:600}
