*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}body{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background-color:#000;color:#fff;background-image:url("../bg-5.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;}.header{display:flex;justify-content:center;align-items:center;padding:10px;text-align:center;margin-top:20px;}ul{list-style-type:none;display:flex;gap:30px;margin-top:0;justify-content:center;align-items:center;color:#ccc;}ul li:hover{cursor:pointer;color:wheat;}.skill{width:100%;display:flex;justify-content:center;}.section-title{font-size:24px;font-weight:600;color:white;margin-top:80px;}.card-container{display:flex;width:100%;justify-content:center;}.card{display:flex;flex-wrap:wrap;gap:40px;padding:20px;justify-content:center;contain:layout;}.card-item{display:flex;flex-direction:column;align-items:center;background-color:#222;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,0.25);border-radius:8px;padding:10px;width:220px;will-change:transform,box-shadow;height:300px;transition:box-shadow 0.2s ease,transform 0.2s ease;}.card-item:hover{box-shadow:0 10px 24px rgba(255,255,255,0.2);transform:translateY(-4px);}.card-item p{margin-top:27px;text-align:center;font-size:15px;line-height:1.4;color:#fff;}.card img{width:200px;height:180px;object-fit:cover;border-radius:6px;}a{text-decoration:none;color:#ccc;}.header a{color:#ccc;transition:color 0.3s ease;}.header a:hover{color:#fff;}@media (max-width:768px){.card{gap:16px;}.card-item{width:100%;max-width:320px;}}