連絡先情報
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Montserrat:wght@200;400;600&display=swap');
.contact-wrapper {
background: #040532;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 60px 20px;
font-family: 'Montserrat', sans-serif;
}
.contact-card {
background: linear-gradient(145deg, #070537, #060D2C);
border: 1px solid #803cee;
border-radius: 4px;
max-width: 860px;
width: 100%;
padding: 70px 60px;
box-shadow:
0 0 50px rgba(128,60,238,0.12),
0 20px 60px rgba(4,5,50,0.9),
inset 0 1px 0 rgba(128,60,238,0.25);
transform: perspective(1200px) rotateX(2deg);
transition: transform 0.6s ease, box-shadow 0.6s ease;
}
.contact-card:hover {
transform: perspective(1200px) rotateX(0deg) translateY(-6px);
box-shadow:
0 0 80px rgba(128,60,238,0.2),
0 40px 80px rgba(4,5,50,0.95),
inset 0 1px 0 rgba(128,60,238,0.4);
}
.contact-diamond {
text-align: center;
margin-bottom: 40px;
}
.contact-diamond svg {
width: 60px;
height: 60px;
filter: drop-shadow(0 0 16px rgba(128,60,238,0.7));
animation: float 4s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}
.contact-title {
font-family: 'Amiri', serif;
font-size: 3.2rem;
font-weight: 700;
color: #803cee;
text-align: center;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 12px;
text-shadow: 0 0 40px rgba(128,60,238,0.4);
}
.contact-subtitle {
text-align: center;
color: #5a5a9a;
font-size: 0.75rem;
letter-spacing: 0.35em;
text-transform: uppercase;
margin-bottom: 40px;
}
.contact-divider {
width: 100px;
height: 1px;
background: linear-gradient(to right, transparent, #803cee, transparent);
margin: 0 auto 50px;
}
.contact-body {
color: #b0b0d0;
font-size: 1rem;
line-height: 2;
font-weight: 300;
letter-spacing: 0.04em;
text-align: center;
}
.contact-body p { margin-bottom: 26px; }
.contact-body a {
color: #803cee;
text-decoration: none;
border-bottom: 1px solid rgba(128,60,238,0.4);
transition: all 0.3s ease;
}
.contact-body a:hover {
color: #9f6ef0;
border-bottom-color: rgba(128,60,238,0.9);
}
.contact-label {
font-size: 0.7rem;
letter-spacing: 0.4em;
text-transform: uppercase;
color: #803cee;
margin-bottom: 12px;
margin-top: 40px;
display: block;
font-weight: 600;
}
.contact-email-block {
background: rgba(128,60,238,0.06);
border: 1px solid rgba(128,60,238,0.2);
border-radius: 2px;
padding: 24px 32px;
margin: 16px auto;
max-width: 480px;
}
.contact-email-block a {
font-size: 1rem;
letter-spacing: 0.05em;
}
Contact Us
MC The Black Diamond · Ontario, Canada
Customer Support
Business Address
MC The Black Diamond
Ontario, Canada
Monday – Friday: 9:00 AM – 6:00 PM EST
We aim to respond to all inquiries within 1–2 business days.