:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-text:#17191d;--color-muted:#5d6673;--color-border:#d9dee5;--color-primary:#203d68;--color-primary-hover:#172d4d;--color-focus:#2d619d;--color-error:#b42318;--radius-control:8px;--radius-card:12px;--container-width:1080px;color:var(--color-text);background:var(--color-bg);font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px}body{min-width:320px;margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-inner,.page-container{width:min(calc(100% - 32px), var(--container-width));margin:0 auto}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.brand{color:var(--color-text);letter-spacing:.01em;white-space:nowrap;font-size:18px;font-weight:600;text-decoration:none}.brand-name{letter-spacing:.12em;font-weight:700}.brand-divider{color:var(--color-border);margin:0 7px}.brand-support{color:var(--color-muted);font-weight:500}.header-tools{align-items:center;gap:16px;display:flex}.portal-label{color:var(--color-muted);font-size:14px}.language-switcher{border:1px solid var(--color-border);border-radius:var(--radius-control);margin:0;padding:3px;display:inline-flex}.language-switcher button{min-width:42px;min-height:36px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:14px;font-weight:700}.language-switcher button.is-active{background:var(--color-primary);color:#fff}.page-container{padding:56px 0 72px}.intro{max-width:710px;margin-bottom:36px}.eyebrow{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.03em;max-width:620px;margin:0;font-size:clamp(30px,5vw,44px);line-height:1.12}.intro-text{max-width:650px;color:var(--color-muted);margin:16px 0}.required-hint{color:var(--color-muted);margin:0;font-size:14px}.ticket-form{gap:24px;display:grid}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:32px;box-shadow:0 1px 2px #17191d08}.section-heading{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:16px;padding-bottom:24px;display:flex}.section-number{width:36px;height:36px;color:var(--color-primary);background:#eef2f7;border-radius:50%;flex:0 0 36px;place-items:center;font-size:14px;font-weight:700;display:grid}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:24px;line-height:1.25}.section-heading p{color:var(--color-muted);margin:4px 0 0;font-size:14px}.section-content{padding-top:24px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.field{min-width:0}.field label,.status-fieldset legend,.category-fieldset legend{color:var(--color-text);margin-bottom:8px;font-weight:600;display:block}.required-mark{color:var(--color-error)}input:not([type=radio]):not([type=file]),select,textarea{width:100%;min-height:46px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:10px 12px}textarea{resize:vertical;min-height:132px}input[type=file]{width:100%;min-height:44px;color:var(--color-muted);padding:8px 0;display:block}input[type=file]::file-selector-button{min-height:36px;color:var(--color-primary);border:1px solid var(--color-border);cursor:pointer;background:#f7f9fc;border-radius:6px;margin-right:10px;padding:0 12px;font-weight:600}.field-hint{color:var(--color-muted);margin:6px 0 0;font-size:14px}.field-error{color:var(--color-error);margin:6px 0 0;font-size:14px;font-weight:600}.status-fieldset,.category-fieldset{border:0;margin:0;padding:0}.category-fieldset{margin-top:28px}.status-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.status-option{border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;align-items:center;gap:10px;min-height:52px;padding:10px 12px;display:flex}.status-option input{accent-color:var(--color-primary);flex:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.category-card{cursor:pointer;min-width:0;display:block;position:relative}.category-card input{z-index:1;width:18px;height:18px;accent-color:var(--color-primary);margin:0;position:absolute;top:20px;left:20px}.category-card-body{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;min-height:126px;padding:18px 18px 18px 50px;display:block}.category-card input:focus-visible+.category-card-body{outline:3px solid var(--color-focus);outline-offset:2px}.category-card.is-selected .category-card-body{border:2px solid var(--color-primary);background:#f5f8fc;padding:17px 17px 17px 49px}.category-card-title{font-weight:700;line-height:1.3;display:block}.category-card-description{color:var(--color-muted);margin-top:8px;font-size:14px;line-height:1.4;display:block}.subcategory-field{margin-top:28px}.empty-state{color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fafbfd;margin:28px 0 0;padding:14px 16px}.diagnostics{border-top:1px solid var(--color-border);margin-top:28px;padding-top:24px}.diagnostics h3{margin:0;font-size:18px}.diagnostic-grid{margin-top:20px}.future-notice{color:var(--color-primary);border-left:3px solid var(--color-primary);background:#f0f4f9;margin:24px 0 0;padding:14px 16px;font-size:14px}.primary-button{color:#fff;border-radius:var(--radius-control);background:var(--color-primary);cursor:pointer;border:0;min-height:48px;margin-top:24px;padding:10px 18px;font-weight:700}.primary-button:hover{background:var(--color-primary-hover)}.remove-file{color:var(--color-primary);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:5px 0;font-weight:600}.confirmation{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);max-width:760px;padding:32px}.demo-reference{color:var(--color-primary);background:#eaf0f7;border-radius:6px;padding:8px 12px;font-weight:700;display:inline-block}.summary{grid-template-columns:minmax(140px,.35fr) 1fr;gap:10px 20px;display:grid}.summary dt{color:var(--color-muted);font-weight:600}.summary dd{overflow-wrap:anywhere;margin:0}.confirmation-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.secondary-button{min-height:48px;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-control);cursor:pointer;background:#fff;padding:10px 18px;font-weight:700}.copy-feedback{color:var(--color-primary);font-weight:600}.email-preview{border-top:1px solid var(--color-border);margin-top:32px;padding-top:24px}.email-preview h2{margin:0 0 12px}.email-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fafbfd;padding:18px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.site-footer{color:var(--color-muted);border-top:1px solid var(--color-border);text-align:center;padding:24px 16px;font-size:14px}.site-footer p{margin:0}@media (width<=680px){.header-inner,.page-container{width:min(calc(100% - 24px), var(--container-width))}.header-inner{min-height:64px}.portal-label{display:none}.page-container{padding:36px 0 48px}.form-section{padding:22px 18px}.section-heading{gap:12px;padding-bottom:20px}.section-heading h2{font-size:22px}.section-content{padding-top:20px}.field-grid,.category-grid,.status-options{grid-template-columns:1fr}}@media (width<=360px){.brand-support,.brand-divider{display:none}.header-inner{gap:10px}}
