.support-page{padding:40px 20px}.support-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;max-width:700px;margin:0 auto;padding:40px;box-shadow:0 8px 32px #0000004d}.support-title{color:#fff;text-align:center;margin:0 0 16px;font-size:32px;font-weight:600}.support-description{color:#ffffffb3;text-align:center;margin:0 0 40px;font-size:16px;line-height:1.6}.support-form{flex-direction:column;gap:8px;display:flex}.support-form:has(p.error-valid) button[type=submit]{cursor:not-allowed;pointer-events:none;opacity:.6;border:1px solid var(--base-red);background-color:var(--base-red-notification-shadow)}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#ffffffe6;font-size:14px;font-weight:500}.form-label .required{color:#f44}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.char-counter{color:#ffffff80;text-align:right;font-size:12px}.error-message{color:#ff6b6b;background:#f443361a;border:1px solid #f443364d;border-radius:8px;padding:16px}.error-message ul{margin:0;padding-left:20px;list-style:outside}.error-message li{margin:4px 0;font-size:14px}.success-message{color:#4caf50;text-align:center;background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;padding:16px;font-size:14px}.submit-button{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #2b6bff4d}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.support-page{padding:24px 16px}.support-container{padding:24px 20px}.support-title{font-size:28px}.support-description{margin-bottom:32px;font-size:14px}.support-form{gap:6px}}@media (max-width:490px){.support-title{font-size:5.5vw}.support-container{padding:20px 16px}.submit-button{padding:12px 24px;font-size:15px}.support-description{margin-bottom:12px;font-size:max(12px,3vw)}}