body{
margin:0;
font-family:'Inter', sans-serif;background:linear-gradient(135deg,#0f172a,#1e3a8a);
color:white;
}
body::selection{
    background-color: #636599;
}
.github-btn{
display:inline-flex;
align-items:center;
gap:8px;

padding:12px 22px;

border-radius:10px;
border:none;

color:white;
text-decoration:none;
font-weight:500;

background:linear-gradient(135deg,#9fa1ec,#8b5cf6);

box-shadow:0 6px 20px rgba(99,102,241,0.35);

transition:all 0.25s ease;
}.github-btn{
display:inline-flex;
align-items:center;
gap:8px;

padding:10px 18px;

border-radius:8px;
border:1px solid rgba(255,255,255,0.2);

background:transparent;
color:white;

text-decoration:none;
font-weight:500;

transition:all 0.2s ease;
}

.github-btn img{
width:18px;
height:18px;
filter:invert(1);
transform: translateY(2px);
}

.github-btn:hover{
background:#4f46e5;
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,0.3);
}
.github-btn:hover{
background:#4f46e5;
transform:translateY(-2px);

box-shadow:
0 0 10px rgba(99,102,241,0.6),
0 0 25px rgba(99,102,241,0.4),
0 0 40px rgba(99,102,241,0.2);
}
.container{
max-width:800px;
margin:auto;
padding:60px 20px;
}
h1{
font-size:48px;
text-align:center;
margin-bottom:10px;
}

.intro{
text-align:center;
font-size:18px;
margin-bottom:30px;
color:#d1d5db;
}

.buttons{
text-align:center;
margin-bottom:60px;
}

.buttons a{
text-decoration:none;
background:#6366f1;
color:white;
padding:10px 22px;
margin:10px;
border-radius:6px;
display:inline-block;
}

.buttons a:hover{
background:#4f46e5;
}

h2{
margin-top:40px;
margin-bottom:20px;
}

.skills span{
display:inline-block;

padding:8px 16px;
margin:6px;

border-radius:999px;

background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.15);

font-size:14px;

transition:all 0.2s ease;
}
.skills span:hover{
background:rgba(99,102,241,0.15);

border-color:#6366f1;

transform:translateY(-2px);

box-shadow:0 0 10px rgba(99,102,241,0.4);
}

.projects{
margin-top:10px;
}

.project{
margin-bottom:25px;
}

.project h3{
margin-bottom:5px;
}

.project p{
color:#d1d5db;
line-height:1.5;
}

.contact p{
margin:6px 0;
color:#d1d5db;
}
@media (max-width: 600px){

.container{
padding:50px 20px;
}

h1{
font-size:34px;
}

.intro{
font-size:16px;
}

.skills span{
margin-bottom:8px;
}

.buttons a{
padding:8px 16px;
margin:6px;
}
.intro{
opacity:0.8;
}
}