body{

margin:0;
font-family:'Poppins', sans-serif;

background:linear-gradient(135deg,#1e5b59,#2f7a78,#2b6f6c);
background-size:300% 300%;
animation:gradientMove 12s ease infinite;

color:white;
text-align:center;

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

min-height:100vh;
padding:40px 20px;

}

/* animated background */

@keyframes gradientMove{

0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}

}

.container{
max-width:800px;
width:100%;
}

/* company name */

.company-name{
margin-bottom:25px;
}

.company-name .lao{
font-size:22px;
letter-spacing:1px;
}

.company-name .eng{
font-size:16px;
letter-spacing:2px;
opacity:0.85;
}

/* logo wrapper */

.logo-wrapper{
position:relative;
display:flex;
justify-content:center;
align-items:center;
margin:40px 0;
}

/* glow behind logo */

.logo-wrapper::before{

content:'';
position:absolute;

width:420px;
height:420px;

background:radial-gradient(circle,
rgba(255,255,255,0.22) 0%,
rgba(255,255,255,0.12) 40%,
transparent 70%);

filter:blur(60px);

z-index:0;

animation:glowPulse 4s ease-in-out infinite;

}

/* logo */

.logo{

width:280px;
position:relative;
z-index:2;

filter:drop-shadow(0 15px 35px rgba(0,0,0,0.35));

animation:floatLogo 4s ease-in-out infinite;

}

/* floating animation */

@keyframes floatLogo{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0px);
}

}

/* glow pulse */

@keyframes glowPulse{

0%{
transform:scale(1);
opacity:0.8;
}

50%{
transform:scale(1.05);
opacity:1;
}

100%{
transform:scale(1);
opacity:0.8;
}

}

/* heading */

h1{

font-size:72px;
font-weight:500;
margin:10px 0;

}

h1 span{

color:#ff3b3b;
font-weight:600;

}

/* lao text */

.lao-text{

font-size:22px;
margin-top:10px;

}

/* divider */

.divider{

width:70px;
height:3px;

background:white;

margin:25px auto;

opacity:0.8;
border-radius:5px;

}

/* description */

.desc{

font-size:18px;
line-height:1.7;
opacity:0.9;

}

/* lao description */

.lao-desc{

font-size:16px;
margin-top:12px;
opacity:0.85;

}

/* footer */

footer{

margin-top:40px;
font-size:14px;
opacity:0.8;

}