#case-form{display:flex;flex-direction:column;gap:var(--gap-large)}#case-form[data-layout-page="create-case"]:not(.y-bound),#case-form[data-layout-page="create-case"].y-binding{display:flex !important;visibility:visible !important;color:transparent;font-size:0}#case-form[data-layout-page="create-case"].y-bound{animation:none}#case-form[data-layout-page="create-case"]:not(.y-bound)>:not(.create-case-loading){display:none !important}#case-form[data-layout-page="create-case"].y-bound>.create-case-loading{display:none}.create-case-loading{display:flex;flex-direction:column;gap:var(--gap-large);width:100%;box-sizing:border-box;color:var(--color-text)}.create-case-loading-progress{position:relative;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:var(--gap-small) 0 var(--gap-medium)}.create-case-loading-progress::before{content:'';position:absolute;top:calc(var(--gap-small)+17px);left:10%;right:10%;height:2px;background:var(--glass-border)}.create-case-loading-progress span{position:relative;z-index:1;justify-self:center;width:32px;height:32px;border:2px solid var(--glass-border);border-radius:50%;background:var(--background-color-input);box-sizing:border-box}.create-case-loading-progress span:first-child{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--glass-border))}.create-case-loading-step{display:flex;flex-direction:column;gap:var(--gap-medium);min-height:clamp(28rem,54vh,35rem);margin-inline:calc(var(--gap-large) * -1);padding:var(--gap-medium) var(--gap-large) var(--gap-large);border-top:1px solid var(--color-accent);box-sizing:border-box}.create-case-loading-title,.create-case-loading-label,.create-case-loading-field,.create-case-loading-actions span,.create-case-loading-trust span{display:block;background:color-mix(in srgb,var(--background-color-input) 82%,transparent)}.create-case-loading-title{width:min(11rem,38%);height:1.65rem;margin-bottom:var(--gap-small);border-radius:7px}.create-case-loading-label{width:min(15rem,45%);height:.7rem;border-radius:999px}.create-case-loading-label-short{width:min(9rem,30%)}.create-case-loading-field{width:100%;height:3rem;border:1px solid var(--glass-border);border-radius:10px;box-sizing:border-box}.create-case-loading-field-large{height:clamp(9rem,20vh,13rem)}.create-case-loading-actions{display:flex;justify-content:space-between;gap:var(--gap-medium);margin-top:auto;padding-top:var(--gap-large);border-top:1px solid var(--color-accent)}.create-case-loading-actions span{width:7rem;height:2.75rem;border:1px solid var(--glass-border);border-radius:10px}.create-case-loading-actions span:last-child{background:color-mix(in srgb,var(--color-accent) 24%,var(--background-color-input))}.create-case-loading-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-large);padding:var(--gap-large);border:1px solid var(--glass-border);border-radius:14px;background:color-mix(in srgb,var(--dark-glass-bg) 78%,transparent)}.create-case-loading-trust span{height:2.8rem;border-radius:10px}@media (max-width:900px){.create-case-loading-trust{grid-template-columns:1fr;gap:var(--gap-medium)}}@media (max-width:600px){.create-case-loading-progress span{width:28px;height:28px}.create-case-loading-progress::before{top:calc(var(--gap-small)+15px)}.create-case-loading-step{min-height:27rem}.create-case-loading-actions span:first-child{width:5.5rem}}@media (prefers-reduced-motion:no-preference){.create-case-loading-title,.create-case-loading-label,.create-case-loading-field,.create-case-loading-actions span,.create-case-loading-trust span{animation:create-case-loading-pulse 1.8s ease-in-out infinite}#case-form[data-layout-page="create-case"].y-bound>:not(.create-case-loading){animation:create-case-content-in 160ms ease-out both}}@keyframes create-case-loading-pulse{0%,100%{opacity:.62}50%{opacity:.82}}@keyframes create-case-content-in{from{opacity:0}to{opacity:1}}#case-form fieldset{display:flex;flex-direction:column;gap:var(--gap-medium);border:none;border-top:1px solid var(--color-accent);margin-inline:calc(var(--gap-large) * -1);padding-inline:calc(var(--gap-large));max-width:90vw}#case-form fieldset legend{font-size:1.5rem}#case-form fieldset section{max-width:100%;display:flex;gap:var(--gap-small);flex-direction:column;margin-bottom:unset}#captcha{display:grid;gap:var(--gap-medium);grid-template-columns:auto auto 1fr}#captcha>img{grid-row:2;grid-column:1}#captcha>button{grid-row:2;grid-column:2;justify-self:stretch;display:flex;justify-content:center;width:200px}#captcha>button>svg{fill:var(--color-white)}#captcha>label{grid-row:1;grid-column:3}#captcha>input{grid-row:2;grid-column:3;max-width:320px}#captcha>description{grid-row:3;grid-column:3}@media(max-width:860px){#captcha{justify-content:left;grid-template-columns:auto auto}#captcha>*{grid-row:unset !important;grid-column:unset !important}#captcha>label,#captcha>input{grid-column:1 / span 2 !important}}@media(max-width:500px){#captcha{justify-content:left;display:flex;flex-wrap:wrap}}.primary{font-size:1.5rem}#file-list{display:flex;flex-direction:column;gap:var(--gap-small)}.file-element,#uploading{display:flex;gap:var(--gap-medium);justify-content:space-between}.file-element:hover,.file-element:hover>p,#uploading:hover{font-weight:bold}#issue-file{display:none}#issue-file-display>label{display:flex;align-items:center;flex-direction:column;cursor:pointer;padding:var(--gap-medium)}#issue-file-display>label.drag-over{outline:1px dotted var(--color-accent)}#issue-file-display>label svg{fill:var(--color-text)}#issue-file-display>label:hover>svg{fill:var(--color-accent) !important}section.ghost-flow{--dur:320ms;--ease:cubic-bezier(.22,.61,.36,1);transform-origin:center}section.ghost-flow.ghost{animation:liftOut var(--dur) var(--ease) forwards}section.ghost-flow.show{animation:liftIn var(--dur) var(--ease) forwards}@keyframes liftOut{from{opacity:1;transform:translateY(0) scale(1);filter:blur(0);max-height:600px}to{opacity:0;transform:translateY(-8px) scale(.96);filter:blur(2px);max-height:0}}@keyframes liftIn{from{opacity:0;transform:translateY(8px) scale(.96);filter:blur(2px);max-height:0}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0);max-height:600px}}#captcha-image{max-width:50vw}.step-indicator{display:flex;align-items:flex-start;gap:0;padding:var(--gap-small) 0 var(--gap-medium);overflow-x:auto;scrollbar-width:none}.step-indicator::-webkit-scrollbar{display:none}.step{position:relative;overflow:visible;flex:1 1 0;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:var(--gap-small);background:transparent;border:none;padding:0 var(--gap-small);cursor:pointer;border-radius:0;opacity:.55;transition:opacity .2s ease}.step:hover{background:transparent;opacity:.8}.step.active,.step.completed{opacity:1}.step:not(:last-child)::after{content:'';position:absolute;top:17px;left:calc(50%+20px);right:calc(-50%+20px);height:2px;background:var(--glass-border);z-index:0;pointer-events:none}.step.completed::after{background:var(--color-accent)}.step-circle{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--background-color-input);border:2px solid var(--glass-border);color:var(--color-text);font-weight:600;font-size:.95rem;transition:background .2s ease,border-color .2s ease,color .2s ease;flex-shrink:0}.step.active .step-circle,.step.completed .step-circle{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.step.completed .step-number{display:none}.step.completed .step-circle::after{content:'✓';font-size:1rem}.step-label{font-size:.75rem;text-transform:uppercase;text-align:center;max-width:160px;line-height:1.3;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.step-connector{flex:1 1 auto;height:2px;min-width:20px;background:var(--glass-border);margin-top:17px;align-self:flex-start}@media (max-width:860px){.step{min-width:unset}.step-label{max-width:100px;font-size:.7rem}.step-connector{display:none}}#case-form.wizard-mode>fieldset{display:none}#case-form.wizard-mode>fieldset.active-step{display:flex;animation:stepFadeIn 260ms cubic-bezier(.22,.61,.36,1)}@keyframes stepFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#wizard-nav{display:flex;justify-content:space-between;gap:var(--gap-medium);padding-top:var(--gap-large);border-top:1px solid var(--color-accent);margin-inline:calc(var(--gap-large) * -1);padding-inline:calc(var(--gap-large))}#wizard-prev{background:transparent;border:1px solid var(--glass-border);color:var(--color-text)}#wizard-prev:hover{background-color:var(--background-color-input) !important}@media (max-width:860px){.step-label{display:none}.step.active .step-label{position:absolute;margin-top:44px}.step-indicator{overflow:hidden;padding-bottom:calc(var(--gap-large)+8px);position:relative}}.wizard-summary{display:flex;flex-direction:column;gap:var(--gap-medium);margin-bottom:var(--gap-medium)}.wizard-summary h3{font-size:1rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:0 0 var(--gap-small)}.summary-group{display:flex;flex-direction:column;gap:var(--gap-small);padding:var(--gap-medium);background:var(--background-color-input);border:1px solid var(--glass-border);border-radius:12px}.summary-group h4{margin:0 0 var(--gap-small);font-size:.8rem;text-transform:uppercase;opacity:.65;font-weight:600}.summary-group dl{margin:0;display:grid;grid-template-columns:minmax(140px,max-content) 1fr;gap:var(--gap-small) var(--gap-medium)}.summary-group dt{opacity:.7;font-size:.9rem;align-self:start}.summary-group dd{margin:0;word-break:break-word;white-space:pre-wrap}.summary-empty{opacity:.6;font-style:italic;margin:0}@media (max-width:600px){.step{padding:.25rem;flex:unset}.step-circle{transform:scale(.8)}.summary-group dl{grid-template-columns:1fr;gap:2px 0}.summary-group dt{font-size:.7rem;text-transform:uppercase;margin-top:var(--gap-small)}.summary-group dt:first-of-type{margin-top:0}}.action-panel{margin-top:var(--gap-large);padding:var(--gap-large);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,02),rgba(0,0,0,.15));backdrop-filter:blur(10px);background-color:var(--dark-glass-bg);border:1px solid var(--glass-border)}.trust-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-large)}.trust-item{display:flex;align-items:flex-start;gap:var(--gap-medium);align-items:center}.trust-item .material-symbols-outlined{font-size:26px;color:var(--color-accent);background:rgba(58,141,202,.12);padding:10px;border-radius:10px;flex-shrink:0}.trust-item strong{display:block;color:var(--color-text);font-size:14px;margin-bottom:4px}.trust-item p{margin:0;font-size:13px;color:rgba(230,234,240,.65);line-height:1.4}.panel-divider{height:1px;background:var(--glass-border);margin:var(--gap-large) 0}.action-footer{display:flex;justify-content:flex-end}.btn-primary{display:inline-flex;align-items:center;gap:var(--gap-small);padding:14px 22px;font-size:15px;font-weight:500;color:var(--color-text-button);background:var(--color-bg-cta);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-primary .material-symbols-outlined{font-size:20px}.btn-primary:hover{background:var(--color-bg-cta-h);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(124,199,238,.25)}@media (max-width:900px){.trust-panel{grid-template-columns:1fr}.action-footer{justify-content:center;margin-top:var(--gap-medium)}.btn-primary{width:100%;justify-content:center}}.trust-item{transition:transform .15s ease;cursor:default}.trust-item:hover{transform:translateY(-2px)}#top-image {
                    background-image: image-set(
                        url('/top-image-create-case-1920.avif') type('image/avif'),
                        url('/top-image-create-case-1920.jxl') type('image/jxl'),
                        url('/top-image-create-case-1920.jpg') type('image/jpeg')
                    );
                    background-size: cover;
                    background-position-y: -100px;
                    height: 700px;
                    align-content: end;
                    background-position: center;
}

@media (max-width: 1200px)
{
# top-image {
        background-image: image-set(
        url('/top-image-create-case-1200.avif') type('image/avif'),
        url('/top-image-create-case-1200.jxl') type('image/jxl'),
        url('/top-image-create-case-1200.jpg') type('image/jpeg')
    );

    height: 500px;
    }
}

@media (max-width: 1000px)
{
# top-image {
        background-image: image-set(
        url('/top-image-create-case-1000.avif') type('image/avif'),
        url('/top-image-create-case-1000.jxl') type('image/jxl'),
        url('/top-image-create-case-1000.jpg') type('image/jpeg')
    );
    }
}

@media (max-width: 800px)
{
# top-image {
    background-image: image-set(
        url('/top-image-create-case-800.avif') type('image/avif'),
        url('/top-image-create-case-800.jxl') type('image/jxl'),
        url('/top-image-create-case-800.jpg') type('image/jpeg')
    );
    }
}