html{
scroll-behavior:smooth;
}

body{
margin:0;
font-family:Arial,sans-serif;
color:white;

background:
radial-gradient(circle at 30% 30%,#2a2f45 0%,transparent 40%),
linear-gradient(135deg,#111f41,#080f22,#0b132b);
}

section{
padding:60px 20px;
text-align:center;
}

button{
background:#ff6b3d;
border:none;
padding:14px 28px;
border-radius:10px;
color:white;
font-weight:600;
cursor:pointer;
}

button:hover{
background:#ff7f50;
}

.container{
max-width:1000px;
margin:0 auto;
padding:0 20px;
}

.btn-primary{
display:inline-block;
padding:15px 40px;
background:#4d5bf7;
color:white;
text-decoration:none;
border-radius:50px;
font-weight:600;
transition:.3s;
}

.btn-primary:hover{
background:#3b48e5;
box-shadow:0 10px 30px rgba(77,91,247,.4);
}


/* ==========================================================================
   3. GENEL SAYFA BAŞLIKLARI (Page Header)
   ========================================================================== */
.page-header {
    text-align: center;
    padding: 60px 20px 40px 20px;
}

.page-header h1 {
    font-size: 2.5rem;
    margin-bottom: 12px;
}

.page-header p {
    color: var(--text-muted);
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}



body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;

    background:
        radial-gradient(circle at 20% 20%, rgba(77,91,247,.15), transparent 300px),
        radial-gradient(circle at 80% 30%, rgba(77,91,247,.1), transparent 250px);

    animation: pulseGlow 6s ease-in-out infinite;
}

@keyframes pulseGlow{
    0%,100%{
        opacity:.4;
    }
    50%{
        opacity:1;
    }
}