.support-page{color:#111827;background:#fff;min-height:100vh;padding:140px 24px 40px}.support-shell{gap:28px;max-width:1100px;margin:-10px auto;display:grid}.support-hero-holder{border-radius:20px;padding:24px 24px 22px}.support-hero{max-width:700px}.support-hero h1{color:#1cd143;margin:0;font-size:40px;font-weight:700;line-height:.6}.support-hero p{color:#475569;max-width:720px;margin:18px 0 0;font-size:16px}.support-grid{grid-template-columns:1.3fr .8fr;gap:20px;display:grid}.support-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px}.panel-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.panel-overline{color:#1cd143;text-transform:none;margin:0 0 8px;font-size:15px;font-weight:600}.support-panel h2{color:#111827;margin:0;font-size:1.75rem;line-height:1.08}.panel-desc{color:#475569;margin:0 0 24px}.support-form{gap:30px;display:grid}.field-label{color:#111827;flex-direction:column;gap:8px;font-size:.94rem;font-weight:600;display:flex}.field-label input,.field-label select,.field-label textarea{color:#111827;background:#fbfcfd;border:2px solid #e6ebee;border-radius:14px;outline:none;width:100%;padding:12px 14px;transition:border-color .18s,background .18s}.field-label input::placeholder,.field-label textarea::placeholder{color:#9ca3af}.field-label select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}.field-label textarea{resize:vertical;min-height:150px}.field-label input:hover,.field-label select:hover,.field-label textarea:hover,.field-label input:focus,.field-label select:focus,.field-label textarea:focus{background:#fff;border-color:#10a9ff}.sub-label{color:#6b7280;margin-left:5px;font-size:12px;font-weight:400;position:static}.support-submit{color:#fff;cursor:pointer;width:fit-content;box-shadow:none;background:#1cd143;border:none;border-radius:25px;justify-self:end;margin-top:4px;padding:12px 20px;font-size:15px}.support-submit:hover{background:#1abe3e}.support-guidelines-panel{flex-direction:column;gap:16px;display:flex}.guidelines-list{gap:14px;display:grid}.guideline-item{background:#fbfcfd;border:2px solid #e6ebee;border-radius:18px;overflow:hidden}.guideline-item summary{cursor:pointer;color:#111827;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;font-size:.97rem;font-weight:600;list-style:none;display:flex}.guideline-item summary::-webkit-details-marker{display:none}.guideline-item summary:after{content:"";background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 4.5v15m7.5-7.5h-15'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px 14px;border:1px solid #d1d5db;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.guideline-item[open] summary:after{background-color:#f3f4f6;border-color:#d1d5db;transform:rotate(45deg)}.guideline-item p{color:#475569;margin:0;padding:0 18px 18px;line-height:1.75}@media (max-width:980px){.support-grid{grid-template-columns:1fr}}@media (max-width:680px){.support-hero,.support-panel{border-radius:20px;padding:22px}.support-page{padding:100px 16px 24px}.support-shell{gap:16px;margin-top:30px}.support-hero-holder{padding:12px 4px}.support-hero h1{font-size:28px;line-height:1.1}.support-hero p{margin-top:12px;font-size:15px}.support-panel{border-radius:16px;padding:16px}.support-panel h2{font-size:25px;font-weight:700}.support-form{gap:20px}.support-submit{text-align:center;justify-self:stretch;width:100%}.guideline-item summary{padding:12px 14px;font-size:.92rem}.guideline-item p{padding:0 14px 14px;font-size:.9rem}}@media (max-width:400px){.support-hero h1{font-size:24px}.panel-header{flex-direction:column;gap:6px}}
