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

body{

background:#050505;
color:white;

font-family:
Arial,
Helvetica,
sans-serif;

min-height:100vh;

overflow-x:hidden;

}

#particles{

position:fixed;
inset:0;

z-index:-1;

}

header{

text-align:center;

padding-top:100px;

}

#logo{

font-size:5rem;

color:#4da3ff;

text-shadow:

0 0 5px #4da3ff,
0 0 20px #4da3ff,
0 0 40px #4da3ff;

animation:
pulse 3s infinite;

}

@keyframes pulse{

0%{
transform:scale(1);
}

50%{
transform:scale(1.05);
}

100%{
transform:scale(1);
}

}

.search-box{

max-width:900px;

margin:70px auto;

display:flex;

gap:10px;

padding:10px;

}

.search-box input{

flex:1;

height:60px;

font-size:1.1rem;

padding-left:20px;

border:none;

border-radius:50px;

}

.search-box button{

width:60px;

border:none;

cursor:pointer;

border-radius:50%;

background:#4da3ff;

color:white;

font-size:1.2rem;

}

#answer{

max-width:1100px;

margin:auto;

padding:30px;

background:#131313;

border-radius:15px;

line-height:1.7;

box-shadow:
0 0 25px rgba(0,120,255,.2);

}

#loading{

display:none;

text-align:center;

margin-bottom:25px;

}

footer{

margin-top:80px;

padding:25px;

text-align:center;

}

footer a{

color:#4da3ff;

text-decoration:none;

margin:0 10px;

}

#cookie-consent{

position:fixed;

left:0;
right:0;
bottom:0;

background:#111;

padding:20px;

z-index:9999;

display:none;

}

.cookie-box{

max-width:900px;

margin:auto;

}

.cookie-box button{

padding:10px 20px;

margin-right:10px;

margin-top:10px;

}

#particles {

    position: fixed;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: -1;

    overflow: hidden;

}

#particles canvas {

    width: 100%;
    height: 100%;
    display: block;

}