Main Page

/* Custom styles for Arisepedia homepage */ .hero-section {

 background: linear-gradient(135deg, #fc5351, #6c0cec);
 color: #ffffff;
 padding: 80px 30px;
 border-radius: 15px;
 box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
 text-align: center;
 margin-bottom: 50px;

}

.hero-section h1 {

 font-size: 3.2em;
 font-weight: 700;
 margin: 0;

}

.hero-section p {

 font-size: 1.2em;
 margin: 20px 0;
 font-weight: 300;

}

.hero-button {

 display: inline-block;
 background: #ffffff;
 color: #fc5351;
 padding: 15px 30px;
 border-radius: 30px;
 text-decoration: none;
 font-size: 1.2em;
 font-weight: 600;
 margin-top: 20px;
 transition: background 0.3s, color 0.3s;
 border: 2px solid #fc5351;

}

.hero-button:hover {

 background: #fc5351;
 color: #ffffff;

}

.info-card {

 background: #f9f9f9;
 border-radius: 15px;
 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
 padding: 30px;
 border: 1px solid #e0e0e0;
 margin-bottom: 20px;

}

.info-card h2 {

 font-size: 2.2em;
 border-bottom: 3px solid;
 padding-bottom: 10px;
 margin-bottom: 20px;
 font-weight: 700;

}

.cta-section {

 background: #fc5351;
 color: #ffffff;
 padding: 40px;
 margin: 50px 0;
 border-radius: 15px;
 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);

}

.cta-section h2 {

 font-size: 2.2em;
 font-weight: 700;
 margin: 0;

}

.cta-section p {

 font-size: 1.2em;
 margin-top: 15px;

}

.footer {

 text-align: center;
 padding: 30px;
 background: #f9f9f9;
 border-top: 1px solid #ddd;
 margin-top: 50px;
 box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);

}

.footer p {

 margin: 0;
 color: #777;
 font-size: 1.1em;

}