@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";
form.tracking-form{flex-direction:column;gap:1.5rem;font-family:Montserrat,sans-serif;display:flex}form.tracking-form>div{flex-direction:column;gap:.6rem;display:flex}form.tracking-form>div label{color:var(--lg-gold-light);letter-spacing:.5px;font-size:1rem;font-weight:600;transition:color .3s}@media (max-width:480px){form.tracking-form>div label{font-size:.95rem}}form.tracking-form>div input{color:var(--lg-gold-light);background:#0b1a2a99;border:2px solid #d4af374d;border-radius:12px;outline:none;padding:1.1rem 1.3rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;transition:all .3s}@media (max-width:480px){form.tracking-form>div input{padding:1rem 1.2rem;font-size:.95rem}}form.tracking-form>div input::placeholder{color:#e6c76f80;font-weight:400}form.tracking-form>div input:focus{border-color:var(--lg-gold);background:#0b1a2acc;transform:translateY(-2px);box-shadow:0 0 20px #d4af374d,inset 0 0 10px #d4af371a}form.tracking-form>div input:hover{border-color:var(--lg-gold-light)}form.tracking-form>div input:-webkit-autofill{-webkit-text-fill-color:var(--lg-gold-light);border-color:var(--lg-gold);-webkit-box-shadow:inset 0 0 0 1000px #0b1a2acc}form.tracking-form>div input:-webkit-autofill:hover{-webkit-text-fill-color:var(--lg-gold-light);border-color:var(--lg-gold);-webkit-box-shadow:inset 0 0 0 1000px #0b1a2acc}form.tracking-form>div input:-webkit-autofill:focus{-webkit-text-fill-color:var(--lg-gold-light);border-color:var(--lg-gold);-webkit-box-shadow:inset 0 0 0 1000px #0b1a2acc}form.tracking-form>div:focus-within label{color:var(--lg-gold)}form.tracking-form button{background:linear-gradient(135deg,var(--lg-gold)0%,var(--lg-gold-dark)100%);color:var(--lg-dark-navy);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;padding:1.1rem 2.5rem;font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 8px 25px #d4af3766}@media (max-width:480px){form.tracking-form button{padding:1rem 2rem;font-size:1rem}}form.tracking-form button:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}form.tracking-form button:hover:not(:disabled){background:linear-gradient(135deg,var(--lg-gold-light)0%,var(--lg-gold)100%);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px #d4af3799,0 0 30px #d4af374d}form.tracking-form button:hover:not(:disabled):before{left:100%}form.tracking-form button:active:not(:disabled){transform:translateY(-1px)scale(1.01);box-shadow:0 6px 20px #d4af3780}form.tracking-form button:disabled{opacity:.6;cursor:not-allowed;animation:1.5s ease-in-out infinite pulse;transform:none}form.tracking-form>p{color:#ff6b6b;text-align:center;background:linear-gradient(135deg,#fd21211a,#fd21210d);border:2px solid #fd21214d;border-radius:12px;margin:0;padding:1rem 1.3rem;font-size:.95rem;font-weight:500;animation:.3s ease-out slideIn}@media (max-width:480px){form.tracking-form>p{padding:.9rem 1.1rem;font-size:.9rem}}form.tracking-form .result-box{background:linear-gradient(135deg,#d4af371a,#a7892814);border:2px solid #d4af3766;border-radius:15px;margin-top:.5rem;padding:2rem;animation:.4s ease-out slideIn;position:relative;overflow:hidden;box-shadow:0 10px 30px #d4af3733,inset 0 0 20px #d4af370d}@media (max-width:480px){form.tracking-form .result-box{padding:1.5rem}}form.tracking-form .result-box:before{content:"";background:linear-gradient(135deg,var(--lg-gold),transparent);opacity:.2;border-radius:0 15px 0 100%;width:60px;height:60px;position:absolute;top:0;right:0}form.tracking-form .result-box:after{content:"✓";color:var(--lg-gold);font-size:1.5rem;font-weight:700;animation:.5s ease-out .2s both checkmark;position:absolute;top:15px;right:15px}form.tracking-form .result-box p{color:var(--lg-gold-light);z-index:1;margin:.6rem 0;font-size:1rem;font-weight:500;line-height:1.6;position:relative}@media (max-width:480px){form.tracking-form .result-box p{font-size:.95rem}}form.tracking-form .result-box p:first-child{color:var(--lg-gold);border-bottom:2px solid #d4af374d;margin-bottom:1rem;padding-bottom:.8rem;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700}@media (max-width:480px){form.tracking-form .result-box p:first-child{font-size:1.2rem}}form.tracking-form .result-box p:not(:first-child){align-items:baseline;gap:.5rem;padding-left:1rem;display:flex}form.tracking-form .result-box p:not(:first-child):before{content:"•";color:var(--lg-gold);flex-shrink:0;font-size:1.2rem}form.tracking-form .result-box p strong{color:var(--lg-gold);font-weight:600}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmark{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.error-box{color:#c33;background:#fee;border:1px solid #fcc;border-radius:8px;margin-top:1rem;padding:1rem}.result-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:1rem;padding:1.5rem}.result-box h3{color:#0369a1;margin:0 0 1rem}.result-box .info-grid{gap:.75rem;display:grid}.result-box .info-item{border-bottom:1px solid #e0f2fe;justify-content:space-between;padding:.5rem 0;display:flex}.result-box .info-item:last-child{border-bottom:none}.result-box .info-item .label{color:#334155;font-weight:600}.result-box .info-item .value{color:#64748b;text-align:right}.result-box .info-item .value.highlight{color:#0369a1;font-weight:600}.result-box .status-badge{text-transform:uppercase;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.result-box .status-badge.status-pending{color:#92400e;background:#fef3c7}.result-box .status-badge.status-in-transit{color:#1e40af;background:#dbeafe}.result-box .status-badge.status-delivered{color:#065f46;background:#d1fae5}.result-box .status-badge.status-cancelled{color:#991b1b;background:#fee2e2}