body{
margin:0;
font-family:'Segoe UI',Tahoma,Arial,sans-serif;
background:linear-gradient(180deg,#0a0a0f,#1c1c29);
color:#e2e8f0;
min-height:100vh;
}

a{
text-decoration:none;
color:#38bdf8;
transition:0.3s;
}

a:hover{
color:#dc2626;
}

h1,h2,h3{
margin-top:0;
font-weight:600;
letter-spacing:0.5px;
color:#f1f5f9;
}

p{
line-height:1.6;
color:#cbd5f5;
}

::selection{
background:#38bdf8;
color:white;
}


.banner{
    position: relative;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.banner-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    filter: blur(4px) brightness(0.6);
    z-index: 1;
    transition: 0.3s;
}

.banner-logo{
    position: relative;
    max-height: 120px;
    z-index: 2;
    object-fit: contain;
    filter: drop-shadow(0 0 15px rgba(255,255,255,0.6));
    transition: transform 0.3s, filter 0.3s;
}

.banner-logo:hover{
    transform: scale(1.05);
    filter: drop-shadow(0 0 25px rgba(255,255,255,0.8));
}