body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #0f172a;
    color: white;
}

/* HERO SECTION */

.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: 6367FF;
}

.disclaimer{
    background:#111827;
    color:#facc15;
    text-align:center;
    padding:10px;
    font-size:14px;
    border-bottom:1px solid #374151;
}

.hero {
    text-align: center;
    padding: 120px 20px;
    background: linear-gradient(135deg,#1e293b,#020617);
}

.hero h1 {
    font-size: 48px;
}

.hero p {
    font-size: 18px;
    color: #cbd5f5;
}


/* SOCIAL LINKS */

.links {
    text-align: center;
    padding: 80px 20px;
}

.links h2 {
    margin-bottom: 40px;
}

.link-container {
    max-width: 400px;
    margin: auto;
}

.link-btn {
    display: block;
    text-decoration: none;
    padding: 15px;
    margin: 12px 0;
    background: #1e293b;
    border-radius: 10px;
    color: white;
    transition: 0.3s;
    font-size: 18px;
}

.link-btn:hover {
    background: #38bdf8;
    transform: scale(1.05);
}


/* CONTACT SECTION */

.contact {
    text-align: center;
    padding: 80px 20px;
    background: #020617;
}

.contact form {
    max-width: 400px;
    margin: auto;
}

.contact input,
.contact textarea {
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    border: none;
    border-radius: 8px;
}

.contact button {
    width: 100%;
    padding: 12px;
    border: none;
    background: #38bdf8;
    color: black;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
}

.contact button:hover {
    background: #0ea5e9;
}

#msg {
    margin-top: 10px;
    color: #22c55e;
}

/* FOOTER SECTION */

.footer{
    background:#020617;
    border-top:1px solid #1e293b;
    text-align:center;
    padding:30px 20px;
}

.footer-content p{
    margin:5px 0;
    color:#94a3b8;
}

.footer-links{
    margin:10px 0;
}

.footer-links a{
    color:#38bdf8;
    text-decoration:none;
    margin:0 10px;
    font-size:14px;
}

.footer-links a:hover{
    text-decoration:underline;
}

.footer-note{
    font-size:12px;
    color:#64748b;
}