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

body{
    background: linear-gradient(135deg, #0f172a, #020617);
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
}

.container{
    text-align:center;
}

.card{
    background:#0b1120;
    padding:50px;
    border-radius:12px;
    max-width:500px;
    box-shadow:0 10px 40px rgba(0,0,0,0.6);
    border:1px solid rgba(255,255,255,0.05);
}

h1{
    font-size:32px;
    margin-bottom:20px;
    color:#22c55e;
}

.mensaje{
    font-size:18px;
    margin-bottom:10px;
    color:#cbd5f5;
}

.mensaje2{
    font-size:16px;
    margin-bottom:30px;
    color:#94a3b8;
}

.contacto{
    margin-top:25px;
    font-size:14px;
    color:#64748b;
}

/* Loader */

.loader{
    width:40px;
    height:40px;
    border:4px solid rgba(255,255,255,0.1);
    border-top:4px solid #22c55e;
    border-radius:50%;
    margin:auto;
    animation:spin 1s linear infinite;
}

@keyframes spin{
    0%{ transform:rotate(0deg); }
    100%{ transform:rotate(360deg); }
}