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


body{

    background:linear-gradient(135deg,#050816,#102a43);

    color:white;

}




/* HEADER */

header{

    background:linear-gradient(90deg,#0077ff,#00d4ff);

    padding:45px;

    text-align:center;

    box-shadow:0 0 35px #00d4ff;

}


header h1{

    font-size:50px;

    text-shadow:3px 3px 10px black;

}


header p{

    font-size:20px;

    margin-top:10px;

}






/* NAV */

nav{

    background:#071426;

    padding:18px;

    text-align:center;

    border-bottom:2px solid cyan;

}


nav a{

    color:#00eaff;

    text-decoration:none;

    margin:20px;

    font-size:18px;

    transition:.3s;

}


nav a:hover{

    color:white;

    text-shadow:0 0 15px cyan;

}






/* HERO */

.hero{

    text-align:center;

    padding:90px 20px;

}


.hero h2{

    color:#00ffff;

    font-size:42px;

}


.hero p{

    font-size:22px;

    margin:20px;

}






/* BUTTONS */

button{

    background:linear-gradient(45deg,#00d4ff,#0077ff);

    color:white;

    border:none;

    padding:14px 35px;

    border-radius:30px;

    font-size:17px;

    cursor:pointer;

    box-shadow:0 0 20px cyan;

    transition:.3s;

}


button:hover{

    transform:scale(1.1);

    box-shadow:0 0 40px cyan;

}







/* TITLES */

section h2{

    text-align:center;

    color:#00eaff;

    font-size:34px;

    margin:35px;

}







/* CATEGORY BUTTONS */

.categories{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:20px;

}







/* PRODUCTS */

.products{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

}






/* LAPTOP CARDS */

.laptop{

    width:300px;

    margin:20px;

    padding:25px;

    background:

    linear-gradient(145deg,#14213d,#1f4068);


    border-radius:25px;

    border:1px solid cyan;


    box-shadow:

    0 0 25px rgba(0,212,255,.4);


    transition:.4s;


}




.laptop:hover{

    transform:translateY(-15px);

    box-shadow:

    0 0 50px cyan;

}






/* LAPTOP IMAGES */

.laptop img{

    width:100%;

    height:180px;

    object-fit:cover;

    border-radius:15px;

    transition:.4s;

}



.laptop:hover img{

    transform:scale(1.05);

}






/* TEXT */

.laptop h3{

    color:#00ffff;

    font-size:26px;

    margin-top:15px;

}


.laptop p{

    margin:10px 0;

    color:#ddd;

}


.rating{

    font-size:20px;

}



.laptop h4{

    color:#7CFF00;

    font-size:28px;

    margin:15px;

}








/* REVIEWS */

.reviews{

    background:#081c2c;

    padding:40px;

    text-align:center;

}


.reviews p{

    margin:20px;

    font-size:18px;

}







/* CONTACT */

#contact{

    text-align:center;

    padding:50px;

}







/* FOOTER */

footer{

    background:#030712;

    text-align:center;

    padding:30px;

    color:#aaa;

}








/* MOBILE */

@media(max-width:600px){


header h1{

    font-size:35px;

}


nav a{

    display:block;

    margin:12px;

}


.laptop{

    width:90%;

}


}