.contact-page{padding:20px;background-color:#0d1117;color:#f1f5f9;min-height:100vh;align-items:center;gap:20px;background:linear-gradient(135deg,#0d1117 80%,#232946)}.contact-card,.contact-page{display:flex;flex-direction:column}.contact-card{background:#232946;border-radius:18px;box-shadow:0 8px 32px rgba(56,189,248,.18);padding:36px 32px 32px;max-width:420px;width:100%;margin:0 auto;align-items:stretch}.back-button{display:flex;align-items:center;background:linear-gradient(90deg,#232946 80%,#38bdf8 120%);color:#38bdf8;border:none;border-radius:8px;padding:12px 22px;cursor:pointer;font-size:16px;margin-bottom:24px;font-weight:600;box-shadow:0 6px 24px rgba(56,189,248,.18);transition:background .2s,color .2s,box-shadow .18s,transform .12s}.back-button:focus,.back-button:hover{background:linear-gradient(90deg,#38bdf8 80%,#232946 120%);color:#232946;outline:2px solid #fbbf24;transform:translateY(-2px) scale(1.03);box-shadow:0 10px 32px rgba(56,189,248,.28)}.back-button svg{width:22px;height:22px;margin-right:10px}.contact-title{font-size:2rem;color:#fbbf24;font-weight:800;margin-bottom:10px;text-align:center}.contact-description{color:#a5b4fc;font-size:1.1rem;margin-bottom:24px;text-align:center;font-weight:500}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-input,.contact-textarea{background:#181f2a;color:#f1f5f9;border:1.5px solid #38bdf8;border-radius:8px;padding:12px 14px;font-size:1rem;font-weight:500;transition:border-color .2s,box-shadow .2s;outline:none;resize:none}.contact-input:focus,.contact-textarea:focus{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2433}.contact-input:disabled,.contact-textarea:disabled{background:#232946;color:#a5b4fc;opacity:.7}.contact-button{background:linear-gradient(90deg,#fbbf24 80%,#38bdf8 120%);color:#232946;border:none;border-radius:8px;padding:14px 0;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 18px rgba(56,189,248,.18);transition:background .2s,color .2s,box-shadow .18s,transform .12s;margin-top:8px;outline:none;display:flex;align-items:center;justify-content:center}.contact-button:disabled{background:#a5b4fc;color:#232946;cursor:not-allowed;opacity:.7}.contact-button:focus{outline:2px solid #fbbf24}.contact-spinner{border:3px solid #232946;border-top-color:#38bdf8;border-radius:50%;width:22px;height:22px;animation:contact-spin 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes contact-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-message{color:#22d3ee}.error-message,.success-message{background:#181f2a;border-radius:6px;padding:10px 14px;margin-top:18px;text-align:center;font-weight:600;font-size:1rem}.error-message{color:#f85149}@media (max-width:600px){.contact-card{padding:18px 6px;border-radius:10px;max-width:98vw}.contact-title{font-size:1.1rem}.contact-description{font-size:.95rem}.contact-input,.contact-textarea{font-size:.95rem;padding:10px 8px}.contact-button{font-size:.95rem;padding:10px 0}}