.contact-support-page{background:var(--color-bg-page);min-height:calc(100vh - 200px);padding:3rem 1rem;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-support-container{background:var(--color-bg-card);max-width:800px;box-shadow:0 8px 24px var(--color-shadow);border:1px solid var(--color-border);border-radius:20px;margin:0 auto;padding:3rem;position:relative;overflow:hidden}.contact-support-container:before{content:"";top:0;background:linear-gradient(90deg, var(--color-accent), var(--color-accent-hover));height:4px;position:absolute;inset-inline:0}.contact-support-container h1{color:var(--color-text-main);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:2.5rem;font-weight:700;display:flex}.contact-support-container h1:before{content:"📧";font-size:2rem}.contact-support-description{color:var(--color-text-light);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.contact-support-description strong{color:var(--color-accent);background:#d47e301a;border-radius:4px;padding:.2rem .5rem;font-weight:600}.contact-status-message,.contact-success-message,.contact-error-message{scroll-margin-top:calc(var(--site-chrome-header-height,4.5rem) + 1rem);border-inline-start:4px solid;border-radius:12px;outline:none;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.5rem;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-success-message{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#10b981;box-shadow:0 4px 12px #10b98126}.contact-error-message{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#ef4444;box-shadow:0 4px 12px #ef444426}.success-icon,.error-icon{background:#ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;font-weight:700;display:flex}.success-icon{color:#10b981}.error-icon{color:#ef4444}.contact-support-form{flex-direction:column;gap:2rem;display:flex}.form-group{flex-direction:column;gap:.75rem;display:flex;position:relative}.form-group label{color:var(--color-text-main);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.label-icon{opacity:.8;font-size:1.1rem}.required{color:#ef4444;font-size:1.2rem;font-weight:700}.form-group input,.form-group textarea{border:2px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-main);box-sizing:border-box;border-radius:12px;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:hover,.form-group textarea:hover{border-color:var(--color-accent);background:var(--color-bg-card)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);background:var(--color-bg-card);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #d47e301a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-light);opacity:.6}.form-group input:disabled,.form-group textarea:disabled{background:var(--color-input-bg);cursor:not-allowed;opacity:.7;border-color:var(--color-border)}.form-group textarea{resize:vertical;min-height:180px;line-height:1.6}.form-hint{color:var(--color-text-light);align-items:center;gap:.5rem;margin-top:-.5rem;font-size:.875rem;display:flex}.form-hint:before{content:"ℹ️";font-size:.875rem}.character-count{color:var(--color-text-light);text-align:end;margin-top:-.5rem;font-size:.875rem;font-style:italic}.character-count.limit-reached{color:#ef4444;font-weight:600}.field-error{color:#ef4444;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;animation:.3s shakeError;display:flex}.field-error:before{content:"⚠";font-size:.875rem}.form-group.has-error input,.form-group.has-error textarea{background:#ef44440d;border-color:#ef4444}.form-group.has-error input:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 4px #ef44441a}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.submit-button{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-self:flex-start;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #d47e304d}.button-icon{font-size:1.2rem;transition:transform .3s}.submit-button:hover:not(:disabled) .button-icon{transform:translate(4px)}.submit-button:before{content:"";top:50%;background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;inset-inline-start:50%;transform:translate(-50%,-50%)}.submit-button:hover:not(:disabled):before{width:300px;height:300px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d47e3066}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.8;cursor:not-allowed;justify-content:center;width:200px;transform:none}.submit-button .loading-spinner-container{flex-direction:row;gap:.5rem;min-height:0;padding:0}.submit-button .loading-spinner{margin-bottom:0}.submit-button .loading-message{color:#fff;font-size:1.1rem;font-weight:600}.submit-button .spinner{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:20px;height:20px}@media (max-width:768px){.contact-support-page{padding:2rem 1rem}.contact-support-container{border-radius:16px;padding:2rem 1.5rem}.contact-support-container h1{font-size:2rem}.contact-support-container h1:before{font-size:1.5rem}.contact-support-description{font-size:1rem}.submit-button{text-align:center;align-self:stretch;width:100%}}@media (max-width:480px){.contact-support-container{padding:1.5rem}.contact-support-container h1{flex-direction:column;align-items:flex-start;gap:.5rem;font-size:1.75rem}}