.grabland-contact {
background: #08080b;
color: #e4e4e7;
padding: 70px 20px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.75;
position: relative;
overflow: hidden;
}
.grabland-contact::before {
content: "";
position: absolute;
width: 500px;
height: 500px;
background: #6c2bd9;
filter: blur(200px);
opacity: .13;
top: -250px;
left: -200px;
}
.grabland-contact::after {
content: "";
position: absolute;
width: 420px;
height: 420px;
background: #8b5cf6;
filter: blur(180px);
opacity: .10;
right: -200px;
bottom: -220px;
}
.grabland-contact-container {
max-width: 950px;
margin: auto;
position: relative;
z-index: 2;
}
.grabland-contact-header {
text-align: center;
margin-bottom: 50px;
}
.grabland-contact-logo {
font-size: 21px;
font-weight: 800;
letter-spacing: 4px;
color: #fff;
margin-bottom: 22px;
}
.grabland-contact-logo span {
color: #8b5cf6;
}
.grabland-contact-badge {
display: inline-block;
padding: 8px 17px;
border: 1px solid rgba(139,92,246,.35);
background: rgba(108,43,217,.10);
color: #c4b5fd;
border-radius: 50px;
font-size: 12px;
font-weight: 600;
letter-spacing: .8px;
margin-bottom: 20px;
}
.grabland-contact-header h1 {
margin: 0;
font-size: clamp(38px, 5vw, 58px);
line-height: 1.1;
color: #fff;
}
.grabland-contact-header h1 span {
background: linear-gradient(90deg,#8b5cf6,#c084fc,#8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.grabland-contact-header p {
max-width: 650px;
margin: 20px auto 0;
color: #92929d;
font-size: 15px;
}
.grabland-contact-card {
background: rgba(17,17,22,.88);
border: 1px solid #25252d;
border-radius: 18px;
padding: 45px;
box-shadow: 0 25px 80px rgba(0,0,0,.35);
}
.grabland-contact-section {
padding: 28px 0;
border-bottom: 1px solid #24242b;
}
.grabland-contact-section:first-child {
padding-top: 0;
}
.grabland-contact-section:last-child {
border-bottom: none;
padding-bottom: 0;
}
.grabland-contact-section h2 {
color: #fff;
font-size: 20px;
margin: 0 0 14px;
}
.grabland-contact-section h2::before {
content: "";
display: inline-block;
width: 4px;
height: 20px;
background: linear-gradient(#6c2bd9,#a78bfa);
border-radius: 5px;
margin-right: 10px;
vertical-align: -3px;
}
.grabland-contact-section p {
color: #a1a1aa;
font-size: 14px;
margin: 0 0 14px;
}
.grabland-contact-box {
margin-top: 22px;
padding: 25px;
border-radius: 13px;
background: linear-gradient(
135deg,
rgba(108,43,217,.16),
rgba(139,92,246,.05)
);
border: 1px solid rgba(139,92,246,.28);
}
.grabland-contact-box strong {
display: block;
color: #fff;
font-size: 17px;
margin-bottom: 7px;
}
.grabland-contact-box a {
color: #a78bfa;
text-decoration: none;
font-weight: 600;
}
.grabland-contact-box a:hover {
color: #c4b5fd;
text-decoration: underline;
}
.grabland-contact-list {
padding-left: 20px;
color: #a1a1aa;
font-size: 14px;
}
.grabland-contact-list li {
margin-bottom: 9px;
}
.grabland-contact-list li::marker {
color: #8b5cf6;
}
.grabland-contact-footer {
text-align: center;
margin-top: 32px;
color: #5f5f69;
font-size: 11px;
letter-spacing: 1px;
}
@media (max-width: 700px) {
.grabland-contact {
padding: 45px 14px;
}
.grabland-contact-card {
padding: 28px 20px;
}
}
