@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
:root{--g600:#16a34a;--g500:#22c55e;--g100:#dcfce7;--g50:#f0fdf4;--g-bdr:#bbf7d0;--ink:#111827;--ink2:#374151;--ink3:#4b5563;--ink4:#9ca3af;--bg:#f3f4f6;--card:#fff;--bdr:#e5e7eb;--red:#ef4444;--red-bg:#fef2f2;--blue:#3b82f6;--blue-bg:#eff6ff;--amber:#f59e0b;--amb-bg:#fffbeb;--r:1.2rem;--sh:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--sh-md:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow-x:hidden}.sup-root{background:var(--bg);min-height:100vh}.sup-page{max-width:560px;margin:0 auto;padding:0 1rem}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--bdr);background:#ffffffd9;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.topbar-back{background:var(--bg);border:1px solid var(--bdr);width:2.4rem;height:2.4rem;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.topbar-back:hover{background:var(--bdr);transform:scale(1.05)}.topbar-title{letter-spacing:-.02em;flex:1;font-size:1.1rem;font-weight:800}.topbar-online{color:var(--g600);background:var(--g50);border:1px solid var(--g-bdr);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.7rem;font-weight:700;display:flex}.online-dot{background:var(--g500);border-radius:50%;width:.5rem;height:.5rem;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.sup-hero{border-radius:var(--r);background:radial-gradient(circle at 100% 0,#15803d 0%,#052e16 100%);margin:1.25rem 0 1.5rem;padding:2rem 1.75rem;position:relative;box-shadow:0 10px 25px -5px #15803d4d}.sup-hero:before{content:"";pointer-events:none;border-radius:inherit;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.sup-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#4ade8026 0%,#0000 70%);border-radius:50%;width:14rem;height:14rem;position:absolute;bottom:-4rem;right:-4rem}.sup-hero-inner{z-index:1;position:relative}.sup-hero-tag{text-transform:uppercase;letter-spacing:.08em;color:#86efac;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.3rem .75rem;font-size:.65rem;font-weight:800;display:inline-flex}.sup-hero h1{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:900;line-height:1.2}.sup-hero h1 span{color:#4ade80}.sup-hero p{color:#ffffffb3;margin-bottom:1.25rem;font-size:.9rem;font-weight:500;line-height:1.6}.sup-search-wrap{z-index:100;position:relative}.sup-search-wrap:focus-within{transition:transform .2s;transform:translateY(-2px)}.sup-search-icon{color:#fff9;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.sup-search{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #fff3;border-radius:1rem;outline:none;width:100%;padding:.9rem 1rem .9rem 2.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s}.sup-search::placeholder{color:#ffffff80}.sup-search:focus{background:#ffffff26;border-color:#4ade80;box-shadow:0 0 0 4px #4ade8026}.search-dropdown-overlay{background:var(--card);width:100%;color:var(--ink);box-shadow:0 20px 40px #00000026, var(--sh-md);border:1px solid var(--bdr);border-radius:1rem;max-height:400px;animation:.2s cubic-bezier(.175,.885,.32,1.1) forwards dropIn;position:absolute;top:calc(100% + .5rem);left:0;overflow:hidden auto}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-overlay::-webkit-scrollbar{width:6px}.search-dropdown-overlay::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:10px}.search-dropdown-list .faq-item{border-bottom:1px solid var(--bg)}.search-dropdown-list .faq-item:last-child{border-bottom:none}.search-dropdown-list .faq-btn{background:var(--card);padding:1rem}.search-dropdown-list .faq-q{color:var(--ink)}.search-dropdown-list .faq-a{color:var(--ink3);padding:0 1rem 1rem;font-size:.8rem}.empty-search-sm{text-align:center;color:var(--ink3);padding:2rem 1.5rem;font-size:.9rem;font-weight:700}.empty-search-icon-sm{background:var(--bg);width:3rem;height:3rem;color:var(--ink4);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;display:flex}.empty-sub{color:var(--ink4);margin-top:.25rem;font-size:.75rem;font-weight:500;display:block}.sec-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);justify-content:space-between;align-items:center;margin:1.75rem 0 .75rem;font-size:.7rem;font-weight:800;display:flex}.sec-count{color:var(--g600);background:var(--g100);text-transform:none;letter-spacing:normal;border-radius:999px;padding:.2rem .6rem;font-size:.65rem;font-weight:700}.card{background:var(--card);border-radius:var(--r);border:1px solid var(--bdr);box-shadow:var(--sh);margin-bottom:1rem;transition:box-shadow .3s;overflow:hidden}.channel-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.channel-btn{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);text-align:center;cursor:pointer;box-shadow:var(--sh);flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem 1rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.channel-btn:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}.channel-btn.wa:hover{border-color:#25d366}.channel-btn.email:hover{border-color:var(--blue)}.channel-icon-wrap{border-radius:1rem;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;display:flex}.ch-wa{color:#25d366;background:#25d3661a}.ch-email{background:var(--blue-bg);color:var(--blue)}.channel-label{color:var(--ink);font-size:.9rem;font-weight:800}.channel-sub{color:var(--ink4);font-size:.7rem;font-weight:600}.channel-avail{border-radius:999px;padding:.2rem .5rem;font-size:.6rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.avail-yes{background:var(--g50);color:var(--g600);border:1px solid var(--g-bdr)}.cat-list{flex-direction:column;display:flex}.cat-row{border-bottom:1px solid var(--bdr);cursor:pointer;color:inherit;align-items:center;gap:1rem;padding:1.1rem;text-decoration:none;transition:background .2s;display:flex}.cat-row:last-child{border-bottom:none}.cat-row:hover{background:var(--bg)}.cat-icon{border-radius:.85rem;flex-shrink:0;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;display:flex}.cat-info{flex:1;min-width:0}.cat-title{color:var(--ink);margin-bottom:.2rem;font-size:.95rem;font-weight:800}.cat-desc{color:var(--ink3);font-size:.75rem;font-weight:500}.cat-badge{border:1px solid;border-radius:999px;flex-shrink:0;padding:.25rem .6rem;font-size:.65rem;font-weight:700}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-amb{background:var(--amb-bg);color:var(--amber)}.badge-green{background:var(--g50);color:var(--g600)}.ticket-head{border-bottom:1px solid var(--bdr);background:var(--bg);align-items:center;gap:.85rem;padding:1.25rem;display:flex}.ticket-head-icon{background:var(--card);border:1px solid var(--bdr);width:2.5rem;height:2.5rem;box-shadow:var(--sh);border-radius:.75rem;justify-content:center;align-items:center;display:flex}.ticket-head-title{color:var(--ink);font-size:1rem;font-weight:800}.ticket-head-sub{color:var(--ink3);margin-top:.15rem;font-size:.75rem;font-weight:500}.ticket-body{padding:1.25rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.field-group{margin-bottom:1rem}.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.field-input,.field-select,.field-textarea{border:1.5px solid var(--bdr);width:100%;color:var(--ink);background:var(--bg);border-radius:.85rem;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--g600);background:var(--card);box-shadow:0 0 0 4px #16a34a26}.field-textarea{resize:vertical;min-height:6rem;line-height:1.6}.field-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 1.2rem center;background-repeat:no-repeat}.priority-tabs{gap:.5rem;display:flex}.priority-tab{border:1.5px solid var(--bdr);color:var(--ink3);background:var(--bg);cursor:pointer;text-align:center;border-radius:.85rem;flex:1;padding:.6rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s}.priority-tab.low.active{border-color:var(--g600);background:var(--g50);color:var(--g600);box-shadow:0 2px 8px #16a34a1a}.priority-tab.med.active{border-color:var(--amber);background:var(--amb-bg);color:var(--amber);box-shadow:0 2px 8px #f59e0b1a}.priority-tab.high.active{border-color:var(--red);background:var(--red-bg);color:var(--red);box-shadow:0 2px 8px #ef44441a}.btn-ticket{background:var(--g600);color:#fff;cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #16a34a4d}.btn-ticket:hover:not(:disabled){background:#15803d;transform:translateY(-2px);box-shadow:0 6px 20px #16a34a66}.btn-ticket:active:not(:disabled){transform:translateY(0)}.btn-ticket:disabled{background:var(--bdr);color:var(--ink4);cursor:not-allowed;box-shadow:none}.ticket-note{color:var(--ink4);text-align:center;justify-content:center;align-items:center;margin-top:.85rem;font-size:.7rem;font-weight:600;display:flex}.ticket-success{text-align:center;padding:3rem 1.5rem;animation:.5s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.ticket-success-icon{justify-content:center;margin-bottom:1rem;display:flex}.ticket-success-title{color:var(--ink);margin-bottom:.5rem;font-size:1.15rem;font-weight:900}.ticket-success-id{letter-spacing:.05em;background:var(--g50);color:var(--g600);border:1px dashed var(--g500);border-radius:.5rem;margin:.75rem 0;padding:.4rem 1rem;font-family:monospace;font-size:.85rem;font-weight:800;display:inline-block}.ticket-success-desc{color:var(--ink3);font-size:.85rem;font-weight:500;line-height:1.6}.faq-item{border-bottom:1px solid var(--bdr)}.faq-item:last-child{border-bottom:none}.faq-btn{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.25rem;font-family:inherit;transition:background .2s;display:flex}.faq-btn:hover{background:var(--bg)}.faq-q{color:var(--ink);font-size:.95rem;font-weight:700;line-height:1.4}.faq-icon-wrap{background:var(--bg);border:1px solid var(--bdr);width:1.75rem;height:1.75rem;color:var(--ink3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s,background .3s,color .3s;display:flex}.faq-item.open .faq-icon-wrap{background:var(--g50);border-color:var(--g-bdr);color:var(--g600);transform:rotate(45deg)}.faq-body{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.faq-item.open .faq-body{grid-template-rows:1fr}.faq-body-inner{overflow:hidden}.faq-a{color:var(--ink3);padding:0 1.25rem 1.1rem;font-size:.85rem;font-weight:500;line-height:1.7}.status-banner{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);box-shadow:var(--sh);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.status-pulse{background:var(--g50);border:2px solid var(--g500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:relative}.status-pulse:after{content:"";border:2px solid var(--g500);opacity:.3;border-radius:50%;animation:2s ease-out infinite ripple;position:absolute;inset:-4px}@keyframes ripple{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.status-info{flex:1}.status-title{color:var(--ink);font-size:.9rem;font-weight:800}.status-desc{color:var(--ink3);margin-top:.1rem;font-size:.75rem;font-weight:500}.status-time{color:var(--ink4);background:var(--bg);border-radius:.4rem;flex-shrink:0;padding:.2rem .5rem;font-size:.65rem;font-weight:600}.tip-row{border-bottom:1px solid var(--bdr);align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;display:flex}.tip-row:last-child{border-bottom:none}.tip-num{background:var(--g50);border:1px solid var(--g-bdr);width:1.75rem;height:1.75rem;color:var(--g600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.15rem;font-size:.7rem;font-weight:800;display:flex}.tip-text{color:var(--ink3);font-size:.85rem;font-weight:500;line-height:1.6}.tip-text strong{color:var(--ink);font-weight:700}.resp-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1.25rem;display:grid}.resp-item{background:var(--bg);text-align:center;border:1px solid var(--bdr);border-radius:.85rem;padding:1rem .5rem}.resp-icon{color:var(--ink3);justify-content:center;margin-bottom:.5rem;display:flex}.resp-time{color:var(--ink);margin-bottom:.25rem;font-size:1rem;font-weight:800}.resp-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink4);font-size:.65rem;font-weight:700}.toast{background:var(--ink);color:#fff;z-index:500;white-space:nowrap;pointer-events:none;border-radius:999px;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600;animation:.3s cubic-bezier(.175,.885,.32,1.275) tIn,.3s 2.2s forwards tOut;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0000004d}@keyframes tIn{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes tOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(10px)scale(.95)}}.reveal{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(25px)}.reveal.up{opacity:1;transform:none}