*{margin:0;padding:0;font-family:Arial}
body{
  background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);
  color:white;min-height:100vh
}

header {
  display:flex;align-items:center;justify-content:space-between;
  padding:15px;background:rgba(255,0,0,1)
}

.logo{font-size:20px;font-weight:bold}

.search-box{position:relative}
.search-box input{
  padding:8px;border-radius:10px;border:none;outline:none
}
#suggestions{
  position:absolute;top:40px;background:#111;width:100%;
  border-radius:8px;display:none
}
#suggestions div{
  padding:8px;cursor:pointer
}
#suggestions div:hover{background:#25d366}

.profile{position:relative}
.profile i{cursor:pointer}
.profile-menu{
  display:none;position:absolute;right:0;top:30px;
  background:#111;padding:10px;border-radius:8px
}

section, #fbDiv {text-align:center;padding:60px 20px}
#home h1{font-size:48px}

button{
  padding:12px 20px;border:none;border-radius:25px;
  background:#25d366;color:white;cursor:pointer
}

.modal{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.8);
  justify-content:center;align-items:center
}
.modal form{
  background:#111;padding:20px;border-radius:10px;width:300px
}
.modal input,textarea, #feedback input{
  width:50%;margin:8px 0;padding:8px
}

#feedback {
	background: red;
	padding: 10px;
	border-radius: 17px;
	}


/*body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #000;
    overflow: hidden;
    color: #fff;
}*/
body::before {
    content: "";
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, #0ff 10%, transparent 50%),
                radial-gradient(circle at 70% 70%, #f0f 10%, transparent 50%);
    animation: move 20s linear infinite;
    z-index: -1;
}
@keyframes move {
    0% { transform: rotate(0deg) translate(0,0); }
    50% { transform: rotate(180deg) translate(50px,50px); }
    100% { transform: rotate(360deg) translate(0,0); }
}
/*.card {
    background-color: rgba(0, 0, 0, 0.85);
    padding: 20px;
    margin: 10px auto;
    max-width: 400px;
    border-radius: 12px;
    box-shadow: 0 0 20px #0ff;
}*/

footer {
  text-align: center; font-weight: 80px;
  padding:15px;background:rgba(255,0,0,1)
}