.support-page{max-width:1280px;min-height:65vh;margin:0 auto;padding:52px 48px 72px}.support-heading{border-bottom:1px solid #e2ddeb;margin-bottom:28px;padding-bottom:26px}.support-heading h1{letter-spacing:-.6px;color:#202333;margin:0 0 8px;font-family:Trebuchet MS,Arial,sans-serif;font-size:28px;line-height:1.25}.support-heading p{color:#81798a;margin:0;font-size:14px;line-height:1.7}.support-form{border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:28px;margin:0;padding:0;display:flex}.support-field{flex-direction:column;gap:8px;min-width:0;display:flex}.support-field>label{color:#202333;font-size:14px;font-weight:500;line-height:1.5}.support-field>label>span{color:#81798a;margin-left:5px;font-size:12px;font-weight:400}.support-field>input,.support-field>textarea{color:#202333;background:#fff;border:1px solid #e2ddeb;border-radius:10px;width:100%;padding:12px 14px;font:14px/1.6 Arial,Helvetica,sans-serif}.support-field>input{flex:none;height:46px}.support-field>textarea{resize:vertical;min-height:112px}.support-field>input::placeholder,.support-field>textarea::placeholder{color:#81798a}.support-field>input:focus-visible,.support-field>textarea:focus-visible{outline-offset:3px;outline:2px solid #7460df!important}.support-dropzone{color:#81798a;text-align:center;background:#fff;border:1px solid #e2ddeb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:216px;padding:28px;font-size:14px;line-height:1.7;display:flex;position:relative}.support-dropzone>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.support-dropzone:focus-within,.support-dropzone[data-dragging=true]{outline-offset:3px;background:#faf8ff;outline:2px solid #7460df}.support-dropzone>svg{color:#9b8cbb}.support-dropzone:has(input:disabled){opacity:.6}.support-hint{color:#81798a;margin:0;font-size:12px;line-height:1.7}.support-error{color:#a13953;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.7}.support-error:empty{display:none}.support-attachments{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 0;padding:0;list-style:none;display:grid}.support-attachments li{border:1px solid #e2ddeb;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.support-attachments li>img{object-fit:cover;background:#f7f5fa;border-radius:6px;width:52px;height:52px}.support-attachments li>span{flex:1;min-width:0}.support-attachments strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;display:block}.support-attachments small{color:#81798a;margin-top:5px;font-size:11px;display:block}.support-attachments button{color:#81798a;background:#f7f5fa;border:0;border-radius:6px;flex:none;place-items:center;width:36px;height:36px;display:grid}.support-submit{border-radius:10px;width:100%;min-height:44px;font-size:14px}.support-delivery{color:#81798a;text-align:center;margin:-14px 0 0;font-size:12px;line-height:1.7}.support-delivery a{text-underline-offset:3px;text-decoration:underline}.support-success{text-align:center;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:350px;padding:32px;display:flex}.support-success>svg{color:#7460df}.support-success h2{letter-spacing:-.5px;margin:0;font-size:26px}.support-success p{color:#81798a;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.8}.support-success strong{color:#202333;font-weight:500}@media (max-width:650px){.support-page{padding:34px 20px 48px}.support-heading h1{font-size:26px}.support-form{gap:24px}.support-dropzone{min-height:180px;padding:24px 18px;font-size:13px}.support-field>input,.support-field>textarea{font-size:16px}.support-attachments{grid-template-columns:1fr}.support-delivery{margin-top:-10px}.support-success{padding:24px 0}}
