*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#050505;
color:#eee;
font-family:Inter,Arial,sans-serif;
}

.page{
max-width:1450px;
margin:auto;
padding:40px;
}

.hero{
margin-bottom:40px;
}

.hero h1{
font-size:64px;
letter-spacing:10px;
font-weight:700;
}

.hero p{
color:#888;
margin-top:10px;
margin-bottom:28px;
}

.searchbar{
display:flex;
gap:12px;
}

.searchbar input{
flex:1;
padding:18px;
font-size:18px;
background:#111;
border:1px solid #222;
color:#fff;
outline:none;
}

.searchbar input:focus{
border-color:#4f7cff;
}

.searchbar button{
width:170px;
background:white;
border:none;
font-size:17px;
cursor:pointer;
}

.grid{
display:grid;
gap:25px;
grid-template-columns:1fr;
}

.card{
background:#0c0c0c;
border:1px solid #202020;
border-radius:10px;
padding:28px;
}

.card h2{
margin-bottom:20px;
font-size:24px;
}

#summary{
line-height:1.8;
}

#results{
line-height:1.8;
}

#log{
font-family:monospace;
color:#9eff9e;
white-space:pre-wrap;
line-height:1.7;
}