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

body{

background:#071420;
color:white;

}

.ticker{

background:#00c853;
overflow:hidden;
white-space:nowrap;
padding:12px;

}

.scroll{

display:inline-block;

animation:move 20s linear infinite;

font-weight:bold;

}

@keyframes move{

0%{
transform:translateX(100%);
}

100%{
transform:translateX(-100%);
}

}

header{

height:80vh;

display:flex;

justify-content:center;

align-items:center;

flex-direction:column;

text-align:center;

background:linear-gradient(135deg,#00172D,#003566);

}

header h1{

font-size:60px;

margin-bottom:15px;

}

header p{

font-size:22px;

opacity:.8;

margin-bottom:30px;

}

.buttons a{

padding:15px 35px;

background:#00c853;

color:white;

text-decoration:none;

margin:10px;

border-radius:50px;

transition:.3s;

}

.buttons a:hover{

background:#009624;

}

.cards{

display:flex;

justify-content:center;

gap:30px;

padding:60px;

flex-wrap:wrap;

}

.card{

width:260px;

padding:30px;

background:rgba(255,255,255,.08);

backdrop-filter:blur(15px);

border-radius:20px;

text-align:center;

transition:.4s;

}

.card:hover{

transform:translateY(-10px);

}

.green{

color:#00e676;

font-size:25px;

}

.red{

color:#ff5252;

font-size:25px;

}