body{
margin:0;
font-family:Pretendard, sans-serif;
color:white;

background:
radial-gradient(circle at 80% 20%, rgba(255,215,0,0.30), transparent 40%),
radial-gradient(circle at 20% 80%, rgba(255,215,0,0.20), transparent 40%),
linear-gradient(135deg,#2a003f,#3a0060,#4a0070,#5a0090);

min-height:100vh;
text-align:center;
}

.header{
margin-top:20px;
}

.title-image{
width:180px;
height:auto;
display:block;
margin:0 auto 10px auto;
}

h1{
font-size:32px;
margin-top:10px;
color:#ffd700;
text-shadow:
-2px -2px 0 #ffffff,
2px -2px 0 #ffffff,
-2px 2px 0 #ffffff,
2px 2px 0 #ffffff;
}

#searchInput{
margin-top:15px;
padding:10px 12px;
width:280px;
border-radius:8px;
border:none;
outline:none;
}

table{
width:90%;
margin:30px auto;
border-collapse:collapse;
background:rgba(25,0,45,0.75);
border-radius:10px;
overflow:hidden;
}

th{
background:#4a0070;
color:#ffd700;
padding:12px;
cursor:pointer;
}

tbody tr:nth-child(odd){
background:rgba(35,0,60,0.85);
}

tbody tr:nth-child(even){
background:rgba(60,0,95,0.65);
}

td{
padding:10px;
}