.contact-page{--ink:#f4fbf8;--ink-muted:#9db7ae;--ink-dim:#8fa89f;--ink-faint:#6f8b81;--accent:#42dead;--line:hsla(0,0%,100%,.09);--line-accent:rgba(66,222,173,.24);--red:#ff6b6b;color:var(--ink)}.contact-page .contact-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:28px;align-items:start}.contact-page .contact-form-card{position:relative;display:flex;flex-direction:column;gap:22px;padding:40px;border:1px solid var(--line-accent);border-radius:26px;background:linear-gradient(168deg,rgba(14,28,27,.62),rgba(6,14,18,.5));box-shadow:0 40px 90px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.06)}.contact-page .contact-fields-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-page .contact-field{display:flex;flex-direction:column;gap:9px}.contact-page .contact-field label{font-size:13.5px;font-weight:800;letter-spacing:.06em;color:var(--ink-dim)}.contact-page .contact-field .req{color:var(--accent)}.contact-page .contact-field input,.contact-page .contact-field select,.contact-page .contact-field textarea{width:100%;padding:15px 18px;border-radius:14px;border:1px solid var(--line);background:hsla(0,0%,100%,.03);color:var(--ink);font-size:16px;font-weight:500;line-height:1.5;transition:border-color .22s ease,background .22s ease}.contact-page .contact-field textarea{resize:vertical;min-height:148px}.contact-page .contact-field input::-moz-placeholder,.contact-page .contact-field textarea::-moz-placeholder{color:var(--ink-faint)}.contact-page .contact-field input::placeholder,.contact-page .contact-field textarea::placeholder{color:var(--ink-faint)}.contact-page .contact-field input:focus,.contact-page .contact-field select:focus,.contact-page .contact-field textarea:focus{outline:none;border-color:rgba(66,222,173,.5);background:rgba(66,222,173,.04)}.contact-page .contact-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%236f8b81' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}.contact-page .contact-field select option{background:#0a141a;color:var(--ink)}.contact-page .contact-field[data-invalid] input,.contact-page .contact-field[data-invalid] select,.contact-page .contact-field[data-invalid] textarea{border-color:hsla(0,100%,71%,.6);background:hsla(0,100%,71%,.05)}.contact-page .contact-field-error{display:none;font-size:13.5px;font-weight:600;color:var(--red)}.contact-page .contact-field[data-invalid] .contact-field-error{display:block}.contact-page .contact-form-note{margin:0;font-size:14px;line-height:1.6;color:var(--ink-faint)}.contact-page .contact-form-note a{font-weight:700;color:var(--accent);text-decoration:none}.contact-page .contact-form-note a:hover{color:#6bf0c4}.contact-page .contact-form-status{display:none;padding:16px 20px;border-radius:14px;font-size:15.5px;font-weight:600;line-height:1.55}.contact-page .contact-form-status[data-show]{display:block}.contact-page .contact-form-status[data-tone=ok]{border:1px solid rgba(66,222,173,.35);background:rgba(66,222,173,.08);color:#6bf0c4}.contact-page .contact-form-status[data-tone=err]{border:1px solid hsla(0,100%,71%,.45);background:hsla(0,100%,71%,.08);color:#ff9b9b}.contact-page .contact-tile{display:flex;gap:18px;padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:hsla(0,0%,100%,.02)}.contact-page .contact-tile-icon{display:flex;width:44px;height:44px;flex-shrink:0;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(66,222,173,.26);background:rgba(66,222,173,.1);color:var(--accent)}.contact-page .contact-tile h3{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--ink)}.contact-page .contact-tile address,.contact-page .contact-tile p{margin:0;font-size:15.5px;font-style:normal;line-height:1.72;color:var(--ink-muted)}.contact-page .contact-tile a{color:var(--accent);text-decoration:none}.contact-page .contact-tile a:hover{color:#6bf0c4}.contact-page .contact-discord{display:flex;flex-direction:column;gap:16px;padding:26px 28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(168deg,rgba(14,28,27,.62),rgba(6,14,18,.5))}.contact-page .contact-discord h3{margin:0;font-size:17px;font-weight:700;color:var(--ink)}.contact-page .contact-discord p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-muted)}.contact-page .contact-hero-note a{font-weight:700;color:var(--accent);text-decoration:none}.contact-page .contact-hero-note a:hover{color:#6bf0c4}@media (max-width:820px){.contact-page .contact-fields-2,.contact-page .contact-layout{grid-template-columns:1fr}.contact-page .contact-form-card{padding:24px 20px}.contact-page .contact-discord,.contact-page .contact-tile{padding:22px 20px}}