@font-face {
    font-family: "KimMochi";
    src: url("../fonts/kimmochi.otf") format("opentype");
    font-display: swap;
}
body {
    font-family: "KimMochi", Arial, sans-serif;
    text-align: center;
    padding: 50px;
    background: #fff;
}
#logo { width: 300px; margin-bottom: 20px; }
.email-link { color: #0073e6; text-decoration: none; font-weight: bold; cursor: pointer; }

.modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
}
.modal-content {
    background: #fff;
    margin: 8% auto;
    padding: 25px;
    width: 90%; max-width: 450px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    text-align: left;
}
.close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
input, textarea { width: 100%; margin: 8px 0; padding: 10px; border-radius: 6px; border: 1px solid #ccc; }
button { background: #0073e6; color: white; padding: 10px 16px; border: none; border-radius: 6px; cursor: pointer; }
button:hover { background: #005bb5; }
#formMessage { margin-top: 10px; font-weight: bold; }
.honeypot { display: none; }