#countdown{
color:#ff7a00;
margin-left:10px;
font-weight:700;
}

/* HERO */
.hero{
background:linear-gradient(135deg,#673de6,#01235b);
color:white;
padding:140px 20px 160px 20px;
text-align:center;
}
.hero h1{
font-size:42px;
margin-bottom:15px;
}
.hero p{
opacity:0.9;
font-size:18px;
}
.hero-features{
margin-top:15px;
font-size:15px;
opacity:0.85;
}

#spinner {
    transition: opacity .3s ease;
}

/* SEARCH */
.search-box{
background:white;
padding:45px;
border-radius:20px;
max-width:900px;
margin:-90px auto 60px auto;
box-shadow:0 30px 70px rgba(0,0,0,0.08);
text-align:center;
}

.search-box input:focus,
.search-box select:focus {
border:1px solid #673de6;
box-shadow:0 0 0 3px rgba(103,61,230,0.1);
}

.search-box input,
.search-box select{
padding:16px;
border-radius:12px;
border:1px solid #ddd;
font-size:16px;
outline:none;
transition:0.3s;
}
.search-box input{ width:40%; }
.search-box select{ margin-left:10px; }
.search-box button{
padding:16px 30px;
border:none;
background:#ff7a00;
color:white;
border-radius:30px;
cursor:pointer;
font-weight:600;
margin-left:10px;
transition:0.3s;
}
.search-box button:hover{
background:#e96f00;
transform:translateY(-3px);
}

/* PROMO */
.promo-banner{
background:linear-gradient(90deg,#673de6,#8b5cf6);
color:white;
padding:22px;
text-align:center;
border-radius:14px;
max-width:1000px;
margin:20px auto 70px auto;
font-weight:600;
}

/* TABLE */
.table-section{
max-width:1100px;
margin:0 auto 100px auto;
background:white;
padding:50px;
border-radius:24px;
box-shadow:0 20px 60px rgba(0,0,0,0.06);
}
.table-section h2{
text-align:center;
margin-bottom:30px;
font-size:30px;
}
table{
width:100%;
border-collapse:collapse;
}
th, td{
padding:18px;
text-align:center;
border-bottom:1px solid #eee;
}
th{
background:#f0edff;
color:#2f1c6a;
}
tr:hover{
background:#faf9ff;
}

table tbody tr {
transition:0.3s;
}

table tbody tr:hover {
transform:scale(1.01);
box-shadow:0 8px 20px rgba(0,0,0,0.05);
}

.badge{
background:#ff7a00;
color:white;
padding:5px 10px;
font-size:11px;
border-radius:20px;
margin-left:6px;
}
.buy-btn{
background:linear-gradient(90deg,#673de6,#8b5cf6);
color:white;
padding:10px 22px;
border-radius:30px;
cursor:pointer;
text-decoration:none;
font-weight:600;
display:inline-block;
transition:0.3s;
}
.buy-btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(103,61,230,0.35);
}

.buy-btn:active{
transform:scale(0.97);
}

.hero, .search-box, .table-section {
animation: fadeUp 0.8s ease forwards;
opacity:0;
transform:translateY(30px);
}

@keyframes fadeUp{
to{
opacity:1;
transform:translateY(0);
    }
}

/* MOBILE */
@media(max-width:768px){
.hero h1{font-size:28px;}
.search-box input,
.search-box select,
.search-box button{
width:100%;
margin:8px 0;
    }
}

@media(max-width:768px){
.buy-btn{
display:block;
width:100%;
margin-top:8px;
    }
}