body{
    margin:0;
    height:100vh;
    height:100dvh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#f4eee8;
    font-family:'Montserrat', sans-serif;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}

.card{
    width:360px;
    max-width:92%;
    padding:50px 30px;
    border-radius:6px;
    text-align:center;
    background:linear-gradient(#f4eee8,#d8c8b7);
    box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

.logo{
    font-family:'Playfair Display', serif;
    font-size:58px;
    color:#7a3b00;
    letter-spacing:2px;
    margin-bottom:5px;
}

.logo span{
    font-size:32px;
}

.sublogo{
    letter-spacing:6px;
    font-size:12px;
    color:#7a3b00;
    margin-bottom:30px;
}

.slogan{
    font-family:'Playfair Display', serif;
    font-size:20px;
    color:#7a3b00;
    margin-bottom:35px;
}

.btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border:2px solid #7a3b00;
    border-radius:40px;
    padding:14px;
    margin:14px 0;
    color:#7a3b00;
    text-decoration:none;
    font-weight:500;
    transition:.3s;
    background:transparent;
    font-size:16px;
}

.btn i{
    font-size:20px;
}

.btn:hover{
    background:#7a3b00;
    color:#fff;
    transform:scale(1.03);
}