* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

body {
   font-family: Georgia, 'Times New Roman', serif;
   background-color: #F5F3F0;
   color: #333333;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 40px 20px;
}

.card {
   background: #FFFFFF;
   border-radius: 4px;
   box-shadow: 0 2px 16px rgba(0,0,0,0.10);
   max-width: 480px;
   width: 100%;
   padding: 48px 40px 36px;
   text-align: center;
}

.logo {
   max-width: 200px;
   width: 100%;
   height: auto;
   margin-bottom: 28px;
}

h1 {
   font-size: 1.8rem;
   font-weight: normal;
   letter-spacing: 0.04em;
   color: #222222;
   margin-bottom: 8px;
}

.tagline {
   font-size: 0.95rem;
   color: #777777;
   margin-bottom: 36px;
   line-height: 1.5;
}

.contact {
   border-top: 1px solid #E8E4DF;
   padding-top: 28px;
   margin-bottom: 28px;
}

.contact-item {
   margin-bottom: 14px;
}

.contact-item:last-child {
   margin-bottom: 0;
}

.contact-label {
   font-size: 0.75rem;
   text-transform: uppercase;
   letter-spacing: 0.12em;
   color: #999999;
   margin-bottom: 4px;
}

.contact-link {
   display: block;
   font-size: 1.1rem;
   color: #5A4A3A;
   text-decoration: none;
}

.contact-link:hover {
   color: #8B6B4A;
   text-decoration: underline;
}

.footer {
   border-top: 1px solid #E8E4DF;
   padding-top: 20px;
   font-size: 0.75rem;
   color: #AAAAAA;
   line-height: 1.8;
}

.footer A {
   color: #AAAAAA;
   text-decoration: none;
}

.footer A:hover {
   text-decoration: underline;
}

@media (max-width: 520px)
{
   .card {
      padding: 36px 24px 28px;
   }

   h1 {
      font-size: 1.5rem;
   }
}