.contact-page{min-height:calc(100vh - 220px);padding:64px 20px 88px}.contact-container{max-width:1100px;margin:0 auto}.contact-hero{text-align:center;margin-bottom:48px}.contact-eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#ff4343;margin:0 0 10px;font-size:11px;font-weight:700}.contact-title{letter-spacing:-.02em;background:#ff4343;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:clamp(32px,5.5vw,48px);font-weight:900;line-height:1.05}.contact-intro{color:#a1a1aa;max-width:560px;margin:0 auto;font-size:15px;line-height:1.65}body.light .contact-intro{color:#52525b}.contact-grid{grid-template-columns:1fr;align-items:stretch;gap:22px;display:grid}@media (min-width:720px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info-card{-webkit-backdrop-filter:blur(12px);color:inherit;cursor:pointer;background:#18181b8c;border:1px solid #3f3f4673;border-radius:18px;align-items:flex-start;gap:16px;padding:26px 24px 24px;text-decoration:none;transition:transform .22s,border-color .22s,background-color .22s,box-shadow .25s;display:flex;position:relative}.contact-info-card:hover{background:#27272ab3;border-color:#ff43438c;transform:translateY(-3px);box-shadow:0 16px 38px -20px #ff434373}body.light .contact-info-card{background:#fafafac7;border-color:#e4e4e7b3}body.light .contact-info-card:hover{background:#faf5fff2;border-color:#ff434380;box-shadow:0 16px 38px -20px #ff43434d}.contact-info-icon{color:#c4b5fd;background:linear-gradient(135deg,#ff434333,#ff434333);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:transform .22s;display:inline-flex}.contact-info-card:hover .contact-info-icon{transform:scale(1.06)}body.light .contact-info-icon{color:#ba2332;background:linear-gradient(135deg,#ff434324,#ff434324)}.contact-info-icon-discord{color:#a5b4fc;background:linear-gradient(135deg,#ff434347,#ba233238)}body.light .contact-info-icon-discord{color:#5865f2;background:linear-gradient(135deg,#ff434329,#ba233224)}.contact-info-icon-facebook{color:#93c5fd;background:linear-gradient(135deg,#1877f242,#3b82f638)}body.light .contact-info-icon-facebook{color:#1877f2;background:linear-gradient(135deg,#1877f224,#3b82f61f)}.contact-info-icon-tiktok{color:#fafafa;background:linear-gradient(135deg,#25f4ee38,#fe2c5538)}body.light .contact-info-icon-tiktok{color:#18181b;background:linear-gradient(135deg,#25f4ee29,#fe2c5529)}.contact-info-body{flex:1;min-width:0}.contact-info-label{text-transform:uppercase;letter-spacing:.18em;color:#71717a;margin:0 0 4px;font-size:11px;font-weight:700}body.light .contact-info-label{color:#a1a1aa}.contact-info-value{color:#e4e4e7;word-break:break-word;margin-bottom:4px;font-size:16px;font-weight:600;transition:color .22s;display:inline-block}.contact-info-card:hover .contact-info-value{color:#fff}body.light .contact-info-value{color:#18181b}body.light .contact-info-card:hover .contact-info-value{color:#ba2332}.contact-info-hint{color:#71717a;margin:0;font-size:12px;line-height:1.55}body.light .contact-info-hint{color:#71717a}.contact-info-arrow{color:#52525b;opacity:.65;font-size:12px;transition:transform .22s,opacity .22s,color .22s;position:absolute;top:18px;right:18px}.contact-info-card:hover .contact-info-arrow{opacity:1;color:#ff4343;transform:translate(2px,-2px)}body.light .contact-info-arrow{color:#a1a1aa}body.light .contact-info-card:hover .contact-info-arrow{color:#ba2332}@media (max-width:640px){.contact-page{padding:40px 16px 64px}.contact-grid{gap:16px}.contact-info-card{padding:20px 20px 18px}}
