:root{--primary:#173f68;--primary-dark:#102f50;--background:#f3f6f9;--surface:#fff;--surface-soft:#f8fafc;--text:#1f2937;--text-soft:#64748b;--border:#d8e0e8;--success:#15803d;--danger:#dc2626;--radius-sm:8px;--radius-md:12px;--radius-lg:18px}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background-color:#0000;background-image:radial-gradient(circle at 15% 20%,#38bdf82e,#0000 30%),radial-gradient(circle at 85% 15%,#3b82f629,#0000 30%),radial-gradient(circle at 70% 85%,#0ea5e91f,#0000 35%),linear-gradient(135deg,#07111f 0%,#0b2138 45%,#0d3553 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.app-container{min-height:100vh;padding:28px 20px}.support-shell{background:#fff;border:1px solid #ffffff29;border-radius:28px;grid-template-columns:minmax(300px,.78fr) minmax(560px,1.75fr);width:min(1240px,100% - 40px);min-height:760px;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000004d}.support-sidebar{color:#fff;background:linear-gradient(155deg,#061728 0%,#0b304d 52%,#145b82 100%);min-height:100%;position:relative;overflow:hidden}.sidebar-glow{pointer-events:none;filter:blur(8px);border-radius:50%;position:absolute}.sidebar-glow-one{background:#38bdf824;width:330px;height:330px;top:-100px;right:-130px}.sidebar-glow-two{background:#3b82f61f;width:390px;height:390px;bottom:-150px;left:-140px}.sidebar-content{z-index:2;flex-direction:column;height:100%;padding:38px 34px;display:flex;position:relative}.support-brand{align-items:center;gap:12px;display:flex}.brand-symbol{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1px;background:#ffffff17;border:1px solid #fff3;border-radius:14px;place-items:center;width:46px;height:46px;font-size:13px;font-weight:900;display:grid}.support-brand>div:last-child{flex-direction:column;gap:3px;display:flex}.support-brand span{color:#ffffff85;letter-spacing:2px;font-size:9px;font-weight:800}.support-brand strong{font-size:14px}.sidebar-main{margin:clamp(65px,10vh,100px) 0 55px}.sidebar-label{color:#7dd3fc;letter-spacing:1.8px;background:#ffffff0f;border:1px solid #ffffff21;border-radius:100px;padding:7px 10px;font-size:9px;font-weight:900;display:inline-flex}.sidebar-main h1{letter-spacing:-1.3px;max-width:390px;margin:18px 0 14px;font-size:clamp(32px,4vw,46px);line-height:1.06}.sidebar-main>p{color:#ffffffa1;max-width:390px;margin:0;font-size:13px;line-height:1.75}.sidebar-features{flex-direction:column;gap:19px;margin-top:38px;display:flex}.sidebar-feature{align-items:flex-start;gap:12px;display:flex}.feature-check{color:#86efac;background:#22c55e1a;border:1px solid #4ade8033;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.sidebar-feature div{flex-direction:column;gap:3px;display:flex}.sidebar-feature strong{color:#ffffffeb;font-size:12px}.sidebar-feature small{color:#ffffff75;font-size:10px}.sidebar-footer{color:#ffffff8c;align-items:center;gap:9px;margin-top:auto;font-size:10px;display:flex}.online-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #22c55e1f}.support-main{background:#f6f8fb;min-width:0}.support-main-header{background:#fff;border-bottom:1px solid #e4e9ef;justify-content:space-between;align-items:flex-start;gap:20px;padding:40px 42px 30px;display:flex}.main-eyebrow{color:#2b7bb4;letter-spacing:1.8px;margin-bottom:7px;font-size:9px;font-weight:900;display:block}.support-main-header h2{color:#102f50;letter-spacing:-.5px;margin:0;font-size:28px}.support-main-header p{color:#7a8999;margin:7px 0 0;font-size:12px}.secure-chip{color:#2875a8;background:#eff7fc;border:1px solid #d9e9f5;border-radius:100px;flex-shrink:0;padding:8px 11px;font-size:9px;font-weight:800}.modern-form{padding:28px 42px 42px}.form-block{background:#fff;border:1px solid #e3e9ef;border-radius:15px;margin-bottom:22px;padding:22px;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 5px 18px #0f172a09}.form-block:hover{box-shadow:0 9px 24px #0f172a0e}.form-block:focus-within{border-color:#c7ddeb;box-shadow:0 10px 27px #0f172a12}.block-title{align-items:center;gap:12px;margin-bottom:19px;display:flex}.block-title>span{color:#2776ad;background:linear-gradient(135deg,#e8f3fa,#edf7fc);border-radius:9px;flex-shrink:0;place-items:center;width:33px;height:33px;font-size:10px;font-weight:900;display:grid}.block-title h3{color:#183b5b;margin:0;font-size:14px}.block-title p{color:#8a98a8;margin:4px 0 0;font-size:10px}.modern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.modern-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.modern-field{flex-direction:column;gap:7px;display:flex}.modern-field.full{grid-column:1/-1}.modern-field label{color:#43566a;font-size:10px;font-weight:800}.modern-field label b{color:#ef4444;margin-left:3px}.modern-field input,.modern-field select,.modern-field textarea{color:#1e293b;background:#fbfcfe;border:1px solid #d9e2ea;border-radius:9px;outline:none;width:100%;padding:12px 13px;font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s}.modern-field input::placeholder,.modern-field textarea::placeholder{color:#a8b3bf}.modern-field input:hover,.modern-field select:hover,.modern-field textarea:hover{border-color:#b7c5d1}.modern-field input:focus,.modern-field select:focus,.modern-field textarea:focus{background:#fff;border-color:#3582b8;box-shadow:0 0 0 4px #3582b814}.modern-field textarea{resize:vertical;min-height:130px;line-height:1.6}.error-message{color:#dc2626;font-size:10px;font-weight:650}.form-error-box{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin-bottom:18px;padding:12px 14px;font-size:11px;font-weight:700}.impact-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.impact-panel,.evidence-panel{background:linear-gradient(#fff,#fafcfe);border:1px solid #e1e8ee;border-radius:13px;min-width:0;height:100%;padding:20px}.mini-section-header{margin-bottom:16px}.mini-section-label{color:#2b7bb4;letter-spacing:1.5px;margin-bottom:5px;font-size:8px;font-weight:900;display:block}.mini-section-header h4{color:#183b5b;margin:0;font-size:13px;line-height:1.35}.mini-section-header p{color:#8795a4;max-width:380px;margin:5px 0 0;font-size:10px;line-height:1.5}.impact-options{gap:9px;display:grid}.impact-option{cursor:pointer;background:#fff;border:1px solid #dde5ec;border-radius:10px;align-items:center;gap:11px;min-height:62px;padding:12px 13px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.impact-option:hover{border-color:#b9c8d5;transform:translateY(-1px)}.impact-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.impact-radio{background:#fff;border:2px solid #cbd5df;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .18s;position:relative}.impact-radio:after{content:"";background:0 0;border-radius:50%;transition:all .18s;position:absolute;inset:3px}.impact-option-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.impact-option-copy strong{color:#334155;font-size:11px}.impact-option-copy small{color:#94a3b8;font-size:9px;line-height:1.4}.impact-option-critical:has(input:checked){background:#fff7f7;border-color:#fca5a5;box-shadow:0 0 0 3px #ef44440f}.impact-option-critical:has(input:checked) .impact-radio{border-color:#ef4444}.impact-option-critical:has(input:checked) .impact-radio:after{background:#ef4444}.impact-option-critical:has(input:checked) .impact-option-copy strong{color:#b91c1c}.impact-option-normal:has(input:checked){background:#f6fdf8;border-color:#86d9aa;box-shadow:0 0 0 3px #22c55e0f}.impact-option-normal:has(input:checked) .impact-radio{border-color:#22a65a}.impact-option-normal:has(input:checked) .impact-radio:after{background:#22a65a}.impact-option-normal:has(input:checked) .impact-option-copy strong{color:#16803d}.evidence-empty{width:100%;min-height:100px;color:inherit;text-align:left;cursor:pointer;background:#f8fafc;border:1px dashed #bdcad5;border-radius:10px;justify-content:center;align-items:center;gap:13px;padding:16px;transition:border-color .18s,background .18s,transform .18s;display:flex}.evidence-empty:hover{background:#f3f9fd;border-color:#4b91bf;transform:translateY(-1px)}.evidence-empty-icon{color:#2776ad;background:#e7f2f9;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:17px;font-weight:800;display:grid}.evidence-empty div{flex-direction:column;gap:3px;min-width:0;display:flex}.evidence-empty strong{color:#24445f;font-size:11px}.evidence-empty small{color:#94a3b8;font-size:9px}.evidence-file{background:#f8fafc;border:1px solid #dce5ec;border-radius:11px;align-items:center;gap:14px;padding:11px;display:flex}.evidence-thumbnail{background:#edf2f6;border:1px solid #d8e1e8;border-radius:8px;flex-shrink:0;place-items:center;width:125px;height:82px;display:grid;overflow:hidden}.evidence-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.evidence-file-info{flex-direction:column;flex:1;min-width:0;display:flex}.evidence-file-info>strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.evidence-file-info>span{color:#94a3b8;margin-top:4px;font-size:9px}.evidence-actions{gap:7px;margin-top:11px;display:flex}.evidence-actions button{color:#2776ad;cursor:pointer;background:#fff;border:1px solid #ccd9e3;border-radius:7px;padding:6px 10px;font-size:9px;font-weight:750;transition:all .18s}.evidence-actions button:hover{background:#eef6fb;border-color:#a6c9df}.evidence-actions button.remove{color:#dc2626}.evidence-actions button.remove:hover{background:#fff5f5;border-color:#fecaca}.modern-submit{justify-content:space-between;align-items:center;gap:20px;padding-top:5px;display:flex}.submit-copy{flex-direction:column;gap:4px;display:flex}.submit-copy span{color:#2875a8;letter-spacing:1.5px;font-size:8px;font-weight:900}.submit-copy p{color:#8493a3;margin:0;font-size:10px}.modern-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16486e,#277daf);border:none;border-radius:10px;min-width:220px;padding:14px 20px;font-size:11px;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 11px 23px #1a547b38}.modern-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 28px #1a547b47}.modern-submit-button:disabled{opacity:.58;cursor:wait}.result-wrapper{background:linear-gradient(#f7f9fc 0%,#eef3f7 100%);grid-column:1/-1;min-height:100%;padding:38px}.result-section{width:min(820px,100%);margin:0 auto}.result-heading{background:linear-gradient(135deg,#f4fdf7,#edf9f2);border:1px solid #d7e9df;border-radius:16px;margin-bottom:22px;padding:24px 26px;position:relative;overflow:hidden}.result-heading:after{content:"";background:#22c55e0f;border-radius:50%;width:170px;height:170px;position:absolute;top:-70px;right:-70px}.success-label{z-index:1;color:#16803d;letter-spacing:1.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:9px;font-weight:900;display:inline-flex;position:relative}.result-heading h2{z-index:1;color:#173c2a;letter-spacing:-.4px;margin:0;font-size:24px;position:relative}.result-heading p{z-index:1;color:#648072;margin:7px 0 0;font-size:11px;line-height:1.6;position:relative}.ticket-card{color:#1e293b;background:#fff;border:1px solid #dbe3ea;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 18px 50px #0f172a1a}.ticket-top{color:#fff;background:linear-gradient(135deg,#0c2941 0%,#174f77 60%,#2076a7 100%);justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;display:flex;position:relative;overflow:hidden}.ticket-top:after{content:"";border:30px solid #ffffff0a;border-radius:50%;width:180px;height:180px;position:absolute;top:-110px;right:20px}.ticket-top>*{z-index:1;position:relative}.ticket-brand{color:#fff9;letter-spacing:2px;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.ticket-top h2{letter-spacing:-.3px;margin:0;font-size:21px}.ticket-type{color:#ffffffe0;letter-spacing:1.2px;background:#ffffff14;border:1px solid #ffffff38;border-radius:100px;align-items:center;padding:7px 11px;font-size:8px;font-weight:900;display:inline-flex}.ticket-code-section{background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #e7edf2;flex-direction:column;gap:5px;padding:24px 28px;display:flex}.ticket-code-section span{color:#8493a3;text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:700}.ticket-code-section strong{color:#174f77;letter-spacing:.4px;overflow-wrap:anywhere;font-size:22px}.ticket-code-section small{color:#94a3b8;font-size:10px}.ticket-impact{letter-spacing:.45px;border-radius:9px;align-items:center;margin:22px 28px 0;padding:11px 13px;font-size:9px;font-weight:900;display:flex}.impact-critical{color:#c62828;background:#fff5f5;border:1px solid #fecaca}.impact-normal{color:#16803d;background:#f3fcf6;border:1px solid #bbf7d0}.ticket-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px 28px;display:grid}.ticket-info{background:#f8fafc;border:1px solid #e2e8ee;border-radius:10px;flex-direction:column;gap:5px;min-width:0;padding:14px;display:flex}.ticket-info span{color:#8b98a7;text-transform:uppercase;letter-spacing:.8px;font-size:8px;font-weight:800}.ticket-info strong{overflow-wrap:anywhere;color:#334155;font-size:11px}.ticket-section{padding:0 28px 24px}.ticket-section-label{color:#2b7bb4;letter-spacing:1.3px;margin-bottom:7px;font-size:8px;font-weight:900;display:block}.ticket-section h3{color:#183b5b;overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.45}.ticket-description{color:#526273;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.7}.ticket-evidence{background:#f6f8fa;border:1px solid #e1e8ee;border-radius:11px;justify-content:center;align-items:center;max-height:360px;margin-top:10px;padding:10px;display:flex;overflow:hidden}.ticket-evidence img{object-fit:contain;border-radius:7px;width:auto;max-width:100%;height:auto;max-height:330px;display:block}.ticket-footer{color:#8b98a7;background:#f8fafc;border-top:1px solid #e8edf2;justify-content:space-between;align-items:center;gap:15px;padding:16px 28px;font-size:9px;display:flex}.ticket-footer strong{color:#31536e;font-size:9px}.result-actions{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:12px;margin-top:18px;display:grid}.result-actions .primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16486e,#277daf);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;min-width:0;margin:0;padding:14px 18px;font-size:11px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 22px #1a547b33}.result-actions .primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #1a547b47}.result-actions .primary-button:disabled{opacity:.58;cursor:wait}.secondary-button{color:#34546f;cursor:pointer;background:#fff;border:1px solid #d4dee7;border-radius:10px;width:100%;padding:14px 18px;font-size:11px;font-weight:800;transition:background .18s,border-color .18s,transform .18s}.secondary-button:hover{background:#f7fafc;border-color:#a9bfce;transform:translateY(-1px)}@media (width<=700px){.result-wrapper{padding:20px}.ticket-grid{grid-template-columns:1fr}.ticket-top,.ticket-code-section,.ticket-grid,.ticket-section,.ticket-footer{padding-left:20px;padding-right:20px}.ticket-impact{margin-left:20px;margin-right:20px}.result-actions{grid-template-columns:1fr}}@media (width<=480px){.result-wrapper{padding:14px}.result-heading{padding:20px}.result-heading h2{font-size:20px}.ticket-card{border-radius:15px}.ticket-top{align-items:flex-start;padding-top:21px;padding-bottom:21px}.ticket-code-section strong{font-size:17px}.ticket-evidence{max-height:260px}.ticket-evidence img{max-height:240px}.ticket-footer{flex-direction:column;align-items:flex-start}}.support-mascot{z-index:1000;align-items:flex-end;gap:12px;animation:.45s mascotAppear;display:flex;position:fixed;bottom:24px;right:28px}.mascot-message{background:#fff;border:1px solid #dce6ed;border-radius:13px 13px 4px;flex-direction:column;gap:4px;min-width:175px;padding:12px 14px;display:flex;position:relative;box-shadow:0 12px 30px #0f172a21}.mascot-message:after{content:"";background:#fff;border-bottom:1px solid #dce6ed;border-right:1px solid #dce6ed;width:14px;height:14px;position:absolute;bottom:13px;right:-7px;transform:rotate(-45deg)}.mascot-message strong{color:#174f77;font-size:11px}.mascot-message span{color:#8493a3;font-size:9px}.mascot-character{filter:drop-shadow(0 10px 14px #0f172a2e);flex-direction:column;align-items:center;animation:3s ease-in-out infinite mascotFloat;display:flex;position:relative}.mascot-head{z-index:2;background:linear-gradient(145deg,#f8fbfd,#dcebf4);border:3px solid #173f60;border-radius:18px 18px 15px 15px;width:52px;height:45px;position:relative}.mascot-eye{background:#174f77;border-radius:50%;width:6px;height:7px;position:absolute;top:15px}.mascot-eye.left{left:13px}.mascot-eye.right{right:13px}.mascot-smile{border-bottom:2px solid #277daf;border-radius:0 0 10px 10px;width:14px;height:6px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.mascot-body{color:#fff;background:linear-gradient(145deg,#174f77,#2c83b6);border-radius:8px 8px 15px 15px;place-items:center;width:45px;height:38px;margin-top:-3px;display:grid}.mascot-body strong{letter-spacing:1px;font-size:10px}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mascotAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.support-mascot{bottom:14px;right:14px}.mascot-message{min-width:145px;padding:10px 12px}.mascot-message span{display:none}}.mascot-sending .mascot-message{background:#f5fbff;border-color:#bddbea}.mascot-sending .mascot-message strong{color:#1c6d9d}.mascot-eye.sending{background:#277daf;border-radius:10px;width:9px;height:3px;top:16px}.mascot-eye.sending.left{left:11px;transform:rotate(8deg)}.mascot-eye.sending.right{right:11px;transform:rotate(-8deg)}.mascot-mouth-loading{border:2px solid #277daf;border-top:0;border-radius:0 0 10px 10px;width:9px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.mascot-sending .mascot-character{animation:.75s ease-in-out infinite mascotSending}@keyframes mascotSending{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-2deg)}75%{transform:translateY(-3px)rotate(2deg)}}.sending-text{align-items:center;gap:7px;display:flex}.sending-dots{align-items:center;gap:3px;display:inline-flex}.sending-dots i{background:#2b7bb4;border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite mascotDot}.sending-dots i:nth-child(2){animation-delay:.15s}.sending-dots i:nth-child(3){animation-delay:.3s}@keyframes mascotDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.mascot-success .mascot-message{background:#f3fcf6;border-color:#bbf7d0}.mascot-success .mascot-message strong{color:#15803d}.mascot-success .mascot-body{background:linear-gradient(145deg,#16803d,#22a65a);font-size:15px}.mascot-success .mascot-character{animation:.55s mascotSuccess}@keyframes mascotSuccess{0%{transform:translateY(0)scale(1)}45%{transform:translateY(-10px)scale(1.06)}to{transform:translateY(0)scale(1)}}@media (width<=1000px){.support-shell{grid-template-columns:280px 1fr}.modern-grid-3{grid-template-columns:1fr 1fr}.modern-grid-3 .modern-field:last-child{grid-column:1/-1}}@media (width<=800px){.app-container{padding:12px}.support-shell{border-radius:20px;width:min(100%,720px);margin:0 auto;display:block}.support-sidebar{min-height:auto}.sidebar-content{padding:25px}.sidebar-main{margin:45px 0 30px}.sidebar-main h1{max-width:520px}.sidebar-features{grid-template-columns:repeat(3,1fr);display:grid}.sidebar-footer{margin-top:25px}}@media (width<=700px){.support-main-header{padding:28px 20px 24px}.secure-chip{display:none}.modern-form{padding:20px}.modern-grid,.modern-grid-3,.impact-evidence-grid{grid-template-columns:1fr}.modern-grid-3 .modern-field:last-child,.modern-field.full{grid-column:auto}.sidebar-features{grid-template-columns:1fr}.modern-submit{flex-direction:column;align-items:stretch}.modern-submit-button{width:100%}}@media (width<=450px){.support-shell{border-radius:16px}.sidebar-content{padding:22px}.support-main-header{padding:24px 18px 20px}.modern-form{padding:16px}.form-block{padding:18px 15px}.impact-panel,.evidence-panel{padding:16px}.evidence-file{align-items:flex-start}.evidence-thumbnail{width:95px;height:72px}}