.mem-fade{opacity:0; transform:translateY(16px); animation:memFadeUp .8s var(--ease) forwards;}
@keyframes memFadeUp{from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);}}
@media (prefers-reduced-motion: reduce){ .mem-fade{opacity:1; transform:none; animation:none;} }

.eb-track .trk-hero{
	position:relative; overflow:hidden; padding:120px 24px 110px; text-align:center;
	background:linear-gradient(135deg, var(--primary-deep) 0%, #10286b 55%, var(--primary-dark) 100%);
}
.trk-hero-glow{
	position:absolute; inset:0; z-index:1; pointer-events:none;
	background:
		radial-gradient(620px circle at 88% 15%, rgba(92,138,240,.38), transparent 62%),
		radial-gradient(520px circle at 10% 10%, rgba(255,217,138,.2), transparent 60%),
		radial-gradient(760px circle at 8% 95%, rgba(30,90,220,.32), transparent 65%),
		radial-gradient(420px circle at 94% 92%, rgba(255,194,75,.16), transparent 60%);
}
.trk-hero-inner{max-width:640px; margin:0 auto; position:relative; z-index:2;}
.trk-hero-inner h1{color:#fff; font-size:42px; font-weight:800; margin:0 0 14px; line-height:1.35;}
.trk-hero-inner h1 span{background:linear-gradient(90deg,#FFD98A,#FFC24B); -webkit-background-clip:text; background-clip:text; color:transparent;}
.trk-hero-inner p{color:#C7D6F5; font-size:15px; margin:0 0 34px; line-height:1.8;}
.trk-hero .hero-eyebrow{color:#BFDBFF;}

.trk-search-box{
	display:flex; gap:10px; background:rgba(255,255,255,.1); backdrop-filter:blur(16px);
	border:1px solid rgba(255,255,255,.22); border-radius:18px; padding:10px;
	box-shadow:0 20px 50px -16px rgba(0,0,0,.4);
}
.trk-search-field{
	flex:1; display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.96);
	border-radius:12px; padding:12px 16px;
}
.trk-search-field svg{width:18px; height:18px; color:var(--primary); flex-shrink:0;}
.trk-search-field input{
	flex:1; border:none; outline:none; background:transparent; font-family:inherit;
	font-size:15px; font-weight:700; color:var(--text); text-transform:uppercase; direction:ltr; text-align:right;
}
.trk-search-field input::placeholder{color:var(--text-faint); text-transform:none; font-weight:500;}
.trk-search-box .btn{padding:0 26px; border-radius:12px; flex-shrink:0;}
.trk-search-hint{color:#FBC8C8; font-size:12.5px; font-weight:700; margin:14px 0 0;}

.trk-result-section{max-width:640px; padding-top:50px; padding-bottom:10px;}
.trk-result-card{
	background:var(--surface); border:1px solid var(--border-soft); border-radius:var(--radius-lg);
	box-shadow:var(--shadow); padding:36px 34px; text-align:center;
}
.trk-status-icon{
	width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center;
	margin:0 auto 18px; animation:memPop .5s var(--ease);
}
@keyframes memPop{from{opacity:0; transform:scale(.7);} to{opacity:1; transform:scale(1);}}
.trk-status-icon svg{width:28px; height:28px;}

.trk-ref{font-size:12.5px; color:var(--text-faint); margin:0 0 4px;}
.trk-ref b{font-size:20px; color:var(--primary-dark); font-weight:800; display:block; margin-top:2px;}
.trk-status-label{
	display:inline-block; margin:16px 0 22px; font-size:16px; font-weight:800; padding:9px 22px; border-radius:999px;
}

.trk-stay-details{background:var(--surface-2); border:1px solid var(--border-soft); border-radius:14px; padding:6px 18px; text-align:right;}

.eb-status-new .trk-status-icon{background:#E4ECFD; color:var(--primary);}
.eb-status-new .trk-status-label{background:#E4ECFD; color:var(--primary-dark);}
.eb-status-pending .trk-status-icon{background:#FEF3DA; color:#B9821F;}
.eb-status-pending .trk-status-label{background:#FEF3DA; color:#8A5A00;}
.eb-status-confirmed .trk-status-icon{background:var(--success-bg); color:var(--success);}
.eb-status-confirmed .trk-status-label{background:var(--success-bg); color:var(--success);}
.eb-status-done .trk-status-icon{background:#EDE7FB; color:#6B3FCC;}
.eb-status-done .trk-status-label{background:#EDE7FB; color:#6B3FCC;}
.eb-status-cancelled .trk-status-icon{background:var(--danger-bg); color:var(--danger);}
.eb-status-cancelled .trk-status-label{background:var(--danger-bg); color:var(--danger);}
.eb-status-noresponse .trk-status-icon{background:var(--surface-2); color:var(--text-faint);}
.eb-status-noresponse .trk-status-label{background:var(--surface-2); color:var(--text-soft);}

.trk-not-found{padding:20px 10px;}
.trk-not-found svg{width:52px; height:52px; color:var(--text-faint); margin-bottom:14px;}
.trk-not-found p{color:var(--text-soft); font-size:14px; margin:0;}

.trk-contact-section{max-width:1100px;}
.trk-contact-alt{
	display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:24px;
}
.trk-contact-pill{
	display:inline-flex; align-items:center; gap:9px; background:var(--surface); border:1px solid var(--border-soft);
	border-radius:999px; padding:12px 22px; font-size:13.5px; font-weight:700; color:var(--text-soft);
	transition:all .2s var(--ease);
}
.trk-contact-pill svg{width:16px; height:16px; color:var(--primary);}
.trk-contact-pill:hover{border-color:var(--primary-light); color:var(--primary-dark); box-shadow:var(--shadow-sm); transform:translateY(-2px);}

@media (max-width:640px){
	.trk-hero{padding:90px 18px 70px;}
	.trk-hero-inner h1{font-size:30px;}
	.trk-search-box{flex-direction:column;}
	.trk-search-box .btn{width:100%; padding:12px;}
	.trk-result-card{padding:26px 20px;}
}