.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:16px;max-width:560px;margin:0 auto;display:grid}.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:14px;padding:18px 20px;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:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;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}}.contact-layout{flex-direction:column;gap:20px;max-width:600px;margin:0 auto;display:flex}.contact-layout>.contact-info-card,.contact-layout>.contact-form-section{width:100%}.contact-form-section{background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);padding:30px 30px 32px}@media (max-width:768px){.contact-form-section{padding:24px 20px 26px}}.contact-form-head{margin-bottom:22px}.contact-form-title{letter-spacing:-.3px;color:var(--text);font-size:24px;font-weight:800}.contact-form-intro{color:var(--text-soft);margin-top:6px;font-size:14px;line-height:1.6}.contact-form{flex-direction:column;gap:16px;display:flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.contact-form-field label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-size:12px;font-weight:700}.contact-form-field input,.contact-form-field textarea{box-sizing:border-box;border:1px solid var(--border-soft);width:100%;color:var(--text);background:#18181b8c;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.contact-form-field textarea{resize:vertical;min-height:130px;line-height:1.6}.contact-form-field input::-moz-placeholder{color:var(--text-faint,#ffffff59)}.contact-form-field textarea::-moz-placeholder{color:var(--text-faint,#ffffff59)}.contact-form-field input::placeholder,.contact-form-field textarea::placeholder{color:var(--text-faint,#ffffff59)}.contact-form-field input:focus,.contact-form-field textarea:focus{border-color:var(--accent);background:#18181bc7;box-shadow:0 0 0 3px #ff434324}body.light .contact-form-field input,body.light .contact-form-field textarea{background:#fff;border-color:#0f172a24}body.light .contact-form-field input:focus,body.light .contact-form-field textarea:focus{border-color:var(--accent)}.contact-form-status{border:1px solid #0000;padding:11px 14px;font-size:13.5px;font-weight:600}.contact-form-status.success{color:#4ade80;background:#22c55e1f;border-color:#22c55e4d}.contact-form-status.error{color:#f87171;background:#ef44441f;border-color:#ef44444d}.contact-form-submit{background:var(--accent);color:#fff;letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:4px;padding:13px 28px;font-family:inherit;font-size:14px;font-weight:800;transition:filter .15s,transform .15s,opacity .15s;display:flex}.contact-form-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.contact-form-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width:560px){.contact-form-row{grid-template-columns:1fr}.contact-form-submit{justify-content:center;width:100%}}