.help-page{min-height:100dvh;background:radial-gradient(ellipse at 75% 20%,#eee5ff55,transparent 55%),#fdfcff}
.help-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(24px,calc((100vw - 1280px)/2));background:#ffffffd9;border-bottom:1px solid #e7e0ee}
.help-page-header .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.help-page-header .brand-name{font:30px Georgia,serif;letter-spacing:-1px}
.help-page-header a{text-decoration:none}
.help-page-header .appbar-help[aria-current=page]{color:#6730ef;background:#f4efff;border-color:#e0d3fb}
.help-page-main{width:min(100% - 40px,720px);margin:36px auto 72px}
.help-back{display:inline-block;color:#6730ef;text-decoration:none;font-size:14px;padding:8px 0;margin-bottom:20px}
.help-page-intro{text-align:center}
.help-page-intro h1{font-size:clamp(34px,4vw,48px);margin:0 0 14px}
.help-form-panel>p:first-child{text-align:center;margin:0 0 28px;line-height:1.5;color:#70647f;font-size:16px}
.help-form-panel form,.help-form-panel .help-success{padding:28px;border:1px solid #e2d9ef;border-radius:20px;background:#fff;box-shadow:0 14px 45px #42206c06}
.help-form-panel form{display:grid;gap:22px}
.help-form-panel label{display:grid;gap:8px;font:500 15px/1.45 Arial,sans-serif;color:#32273e}
.help-form-panel input,.help-form-panel select,.help-form-panel textarea{box-sizing:border-box;width:100%;min-width:0;padding:12px 14px;border:1px solid #cfc5dd;border-radius:12px;font:16px/1.5 Arial,sans-serif;color:#2c2337;background:#fff;user-select:text;-webkit-user-select:text}
.help-form-panel textarea{resize:vertical;min-height:140px}
.help-form-panel input[type=file]{border-style:dashed;padding:18px;font-size:14px;background:#fcfaff}
.help-form-panel input[type=file]::file-selector-button{border:0;border-radius:8px;background:#eee5ff;color:#5c26d6;padding:10px 12px;margin-right:12px;font:600 14px Arial;cursor:pointer}
.help-form-panel .help-submit{width:100%;border:0;border-radius:12px;background:#6730ef;color:white;padding:16px;font:600 16px Arial;min-height:50px;cursor:pointer}
.help-form-panel .help-submit:hover{background:#5620dc}
.help-form-panel .help-submit:disabled{opacity:.6;cursor:wait}
.help-form-panel .help-hint{font-weight:400;color:#786d85;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.help-form-panel .help-hint:last-child{text-align:center}
.help-form-panel .help-success{text-align:center;overflow-wrap:anywhere}
.help-form-panel .help-success h3{font-size:30px;margin:5px 0 16px}
.help-form-panel .help-success p{line-height:1.6}
.help-form-panel :focus-visible,.help-back:focus-visible{outline:3px solid #9e7bf0;outline-offset:3px}
.help-skip{position:absolute;top:-80px;left:20px;z-index:20;background:#fff;padding:14px}.help-skip:focus{top:10px}
@media(max-width:700px){.help-page-header{padding:14px 18px;gap:12px;flex-wrap:wrap}.help-page-header .brand-mark{width:36px;height:36px}.help-page-header .brand-name{font-size:24px}.help-page-header .header-actions{gap:8px;margin-left:auto}.help-page-main{width:calc(100% - 32px);margin:20px auto 40px}.help-back{margin-bottom:18px}.help-form-panel form,.help-form-panel .help-success{padding:20px 16px}.help-form-panel form{gap:20px}.help-form-panel>p:first-child{font-size:15px;margin-bottom:22px}.help-page-header .header-actions :is(a,button){font-size:12px;padding:9px 10px}}
