.fisip-aduan{--fa-navy:#142f44;--fa-gold:#e1b866;--fa-teal:#196658;--fa-ink:#193246;--fa-muted:#637481;--fa-line:#e2e8eb;--fa-bg:#f4f6f7;width:100%;max-width:1240px;margin:24px auto;color:var(--fa-ink);background:var(--fa-bg);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65;border-radius:20px;overflow:hidden;box-shadow:0 14px 54px #152d4010;text-align:left}
.fisip-aduan *{box-sizing:border-box}.fisip-aduan [hidden]{display:none!important}.fisip-aduan h2,.fisip-aduan h3,.fisip-aduan h4,.fisip-aduan p{font-family:inherit;margin:0;color:inherit}.fisip-aduan a{text-decoration:none}.fisip-aduan button,.fisip-aduan input,.fisip-aduan select,.fisip-aduan textarea{font:inherit}.fisip-aduan button{cursor:pointer}.fisip-aduan a:focus-visible,.fisip-aduan button:focus-visible,.fisip-aduan summary:focus-visible{outline:3px solid var(--fa-gold);outline-offset:4px}.fisip-aduan .fa-hero{position:relative;background:var(--fa-navy);color:white;padding:36px 48px 48px;overflow:hidden}.fisip-aduan .fa-brand{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.6;letter-spacing:1.5px;margin-bottom:34px;position:relative;z-index:1}.fisip-aduan .fa-brand b{font-size:12px;font-weight:600;color:#fff}.fisip-aduan .fa-emblem{width:40px;height:44px;border:1px solid #e1b86670;border-radius:6px 6px 18px 18px;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px;color:var(--fa-gold)}.fisip-aduan .fa-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:block;color:var(--fa-teal)}.fisip-aduan .fa-hero>.fa-eyebrow{color:var(--fa-gold);position:relative;z-index:1}.fisip-aduan .fa-hero h2{font-size:clamp(28px,4.1vw,48px);line-height:1.17;font-weight:700;letter-spacing:-1.3px;margin:14px 0 18px;position:relative;z-index:1;max-width:720px}.fisip-aduan .fa-hero h2 span{color:var(--fa-gold)}.fisip-aduan .fa-hero>p{max-width:550px;color:#d0dbe2;font-size:14px;position:relative;z-index:1}.fisip-aduan .fa-hero-links{display:flex;gap:24px;align-items:center;margin-top:26px;position:relative;z-index:1}.fisip-aduan .fa-hero-links a{font-size:13px;font-weight:700;color:white;display:flex;align-items:center;gap:26px}.fisip-aduan .fa-hero-links a:first-child{background:var(--fa-gold);color:var(--fa-navy);padding:12px 20px;border-radius:6px}.fisip-aduan .fa-hero-art{position:absolute;right:55px;top:60px;width:285px;height:320px;pointer-events:none}.fisip-aduan .fa-art-line{position:absolute;inset:0;border:1px solid #e1b86635;border-radius:50%;transform:rotate(20deg);width:340px;height:340px;right:-100px;top:20px}.fisip-aduan .fa-art-paper{position:absolute;top:30px;right:5px;width:220px;height:250px;background:#fff9eb;padding:24px;transform:rotate(8deg);border-radius:10px;box-shadow:12px 18px 0 #ffffff08;color:var(--fa-navy)}.fisip-aduan .fa-art-paper>span{font-size:9px;letter-spacing:1.5px;font-weight:700}.fisip-aduan .fa-art-paper>b{font-family:Georgia,serif;display:block;font-size:90px;line-height:1;color:var(--fa-teal);margin-top:12px;height:75px}.fisip-aduan .fa-art-paper>i{display:block;width:100%;height:5px;background:#dce3d7;margin:10px 0;border-radius:2px}.fisip-aduan .fa-art-paper>i:nth-last-of-type(1){width:70%}.fisip-aduan .fa-art-paper>div{border-top:1px solid #dddacb;font-size:8px;letter-spacing:1px;margin-top:24px;padding-top:12px;display:flex;justify-content:space-between}.fisip-aduan .fa-art-paper strong{font-size:22px;line-height:1}.fisip-aduan .fa-body{padding:36px 40px 0}.fisip-aduan .fa-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 0 30px}.fisip-aduan .fa-intro h3{font-size:25px;letter-spacing:-.6px;margin-top:6px;line-height:1.3}.fisip-aduan .fa-intro>p{font-size:13px;color:var(--fa-muted);max-width:390px}.fisip-aduan .fa-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.fisip-aduan .fa-main{min-width:0}.fisip-aduan .fa-card{background:white;border:1px solid var(--fa-line);border-radius:12px;padding:28px;margin-bottom:24px;scroll-margin-top:40px}.fisip-aduan .fa-card-head{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--fa-line);margin-bottom:25px}.fisip-aduan .fa-number{background:#edf3ef;color:var(--fa-teal);font-size:12px;font-weight:700;width:40px;height:40px;border-radius:9px;display:grid;place-items:center;flex:none}.fisip-aduan .fa-card h3{font-size:20px;line-height:1.3;font-weight:700}.fisip-aduan .fa-card-head p{font-size:12px;color:var(--fa-muted);margin-top:5px}.fisip-aduan .fa-required{color:#b83936}.fisip-aduan fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}.fisip-aduan legend{padding:0;font-size:14px;line-height:1.6;font-weight:700;margin-bottom:12px;float:none;width:auto}.fisip-aduan .fa-field-note{font-size:12px;color:var(--fa-muted);margin-top:8px}.fisip-aduan .fa-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 22px}.fisip-aduan .fa-mode>label{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid var(--fa-line);border-radius:7px;cursor:pointer;font-size:12px}.fisip-aduan .fa-mode label:has(input:checked){border-color:#4b7c6e;background:#f3f8f4}.fisip-aduan .fa-mode input{margin:3px 0 0;width:15px;height:15px;accent-color:var(--fa-teal);flex:none}.fisip-aduan .fa-mode b{font-size:12px;display:block}.fisip-aduan .fa-mode small{font-size:11px;display:block;margin-top:3px;color:var(--fa-muted);line-height:1.5}.fisip-aduan .fa-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.fisip-aduan .fa-grid>label{font-size:12px;font-weight:600;line-height:1.5;display:block;margin:0;min-width:0}.fisip-aduan .fa-grid input,.fisip-aduan .fa-grid select,.fisip-aduan .fa-grid textarea{display:block;appearance:auto;width:100%;min-width:0;height:auto;min-height:43px;border:1px solid #d6dfe5;border-radius:6px;background:#fff;color:var(--fa-ink);padding:11px 12px;font-size:13px;font-weight:400;line-height:1.5;margin:7px 0 0;box-shadow:none}.fisip-aduan .fa-grid input::placeholder,.fisip-aduan .fa-grid textarea::placeholder{color:#7d8c96;opacity:1}.fisip-aduan .fa-grid input:focus,.fisip-aduan .fa-grid select:focus,.fisip-aduan .fa-grid textarea:focus{outline:2px solid #19665840;outline-offset:1px;border-color:var(--fa-teal)}.fisip-aduan .fa-grid textarea{resize:vertical;min-height:90px}.fisip-aduan .fa-grid small{font-size:11px;color:var(--fa-muted);font-weight:400;display:block;margin-top:5px}.fisip-aduan .fa-full{grid-column:1/-1}.fisip-aduan .fa-space{margin-top:18px}.fisip-aduan .fa-upload{background:#f8faf9;border:1px dashed #b7cdc1;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;font-size:12px}.fisip-aduan .fa-upload-icon{display:grid;place-items:center;background:#eaf2ec;color:var(--fa-teal);width:32px;height:32px;border-radius:8px;font-size:22px}.fisip-aduan .fa-upload>b{font-size:13px}.fisip-aduan .fa-upload>span:last-of-type{font-size:11px;color:var(--fa-muted)}.fisip-aduan .fa-upload input{display:block;max-width:100%;font-size:12px;margin-top:10px;color:var(--fa-muted)}.fisip-aduan .fa-upload input::file-selector-button{border:1px solid #b9c8c0;border-radius:5px;background:white;padding:6px 10px;margin-right:9px;font:inherit;color:var(--fa-teal);cursor:pointer}.fisip-aduan .fa-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;font-weight:400;color:var(--fa-muted)}.fisip-aduan .fa-consent>input{width:16px;height:16px;flex:none;margin:4px 0 0;accent-color:var(--fa-teal)}.fisip-aduan .fa-submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--fa-line);padding-top:20px;margin-top:22px}.fisip-aduan .fa-submit-row p{font-size:11px;color:var(--fa-muted);max-width:220px}.fisip-aduan .fa-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 20px;border:1px solid var(--fa-teal);border-radius:6px;background:var(--fa-teal);color:white;font-weight:700;font-size:13px;line-height:1.5;box-shadow:none;white-space:nowrap;text-transform:none}.fisip-aduan .fa-button:hover{background:#124d42;border-color:#124d42}.fisip-aduan .fa-button:disabled{opacity:.6;cursor:wait}.fisip-aduan .fa-button-outline{background:white;color:var(--fa-teal);margin-top:18px}.fisip-aduan .fa-button-outline:hover{color:white}.fisip-aduan .fa-guide{background:#eef3ef;border:1px solid #dfe9e1;border-radius:12px;padding:25px}.fisip-aduan .fa-guide h3{font-size:22px;line-height:1.3;margin:12px 0 25px;letter-spacing:-.5px}.fisip-aduan .fa-guide ol{list-style:none;padding:0;margin:0}.fisip-aduan .fa-guide li{display:flex;gap:12px;margin:0 0 22px;padding:0;position:relative}.fisip-aduan .fa-guide li:last-child{margin-bottom:0}.fisip-aduan .fa-guide li>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #bfcfbf;border-radius:50%;font-size:11px;font-weight:700;flex:none;background:#f8fbf7;z-index:1}.fisip-aduan .fa-guide li:not(:last-child):before{position:absolute;content:'';width:1px;left:13px;top:27px;bottom:-22px;background:#c9d6ca}.fisip-aduan .fa-guide li b{font-size:12px}.fisip-aduan .fa-guide li p{font-size:12px;color:var(--fa-muted);line-height:1.6;margin-top:4px}.fisip-aduan .fa-note{padding:23px;border-radius:12px;background:#fcf5e8;border:1px solid #eee0c5;margin:18px 0}.fisip-aduan .fa-note>span{color:#aa8442;font-size:23px}.fisip-aduan .fa-note h4{font-size:15px;margin:5px 0}.fisip-aduan .fa-note p{font-size:12px;color:#756956}.fisip-aduan .fa-faq{padding:6px 2px}.fisip-aduan .fa-faq h4{font-size:14px;margin-bottom:10px}.fisip-aduan .fa-faq details{border-bottom:1px solid var(--fa-line);font-size:12px;padding:12px 0}.fisip-aduan .fa-faq summary{cursor:pointer;font-weight:600;line-height:1.6}.fisip-aduan .fa-faq details p{font-size:12px;color:var(--fa-muted);padding:10px 0 2px}.fisip-aduan .fa-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--fa-muted);border-top:1px solid var(--fa-line);padding:22px 0;margin-top:10px;letter-spacing:.5px}.fisip-aduan .fa-footer b{color:var(--fa-ink);font-size:10px}.fisip-aduan .fa-alert{padding:22px;border-radius:10px;margin-bottom:24px;font-size:13px;scroll-margin-top:30px}.fisip-aduan .fa-alert p{margin-top:9px}.fisip-aduan .fa-success{border:1px solid #bcd7c7;background:#edf7f1;color:#154f3c}.fisip-aduan .fa-error,.fisip-aduan .fa-inline-error{color:#9c2c2c;background:#fff2f1;border:1px solid #f0d1cd;border-radius:6px;padding:12px}.fisip-aduan .fa-inline-error{font-size:12px;margin-top:12px}.fisip-aduan .fa-alert dl{margin:15px 0;padding:12px;background:#ffffff80;border-radius:6px}.fisip-aduan .fa-alert dt{font-size:11px;color:var(--fa-muted)}.fisip-aduan .fa-alert dd{font-family:monospace;font-weight:700;font-size:15px;word-break:break-all;margin:2px 0 12px;user-select:all}.fisip-aduan .fa-small-button{padding:8px 12px;font-size:12px;border:1px solid #98beaa;border-radius:5px;background:white;color:#154f3c}.fisip-aduan .fa-inline-note{font-size:12px;background:#f7f4eb;padding:12px;border-radius:5px;color:#736345;margin-top:16px}.fisip-aduan .fa-trap{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}
@media(min-width:1000px){.fisip-aduan .fa-hero>p{max-width:57%}.fisip-aduan .fa-hero h2{max-width:69%;font-size:45px}}
@media(max-width:1000px){.fisip-aduan .fa-hero-art{opacity:.18;right:-40px;top:60px}.fisip-aduan .fa-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.fisip-aduan .fa-card{padding:23px}.fisip-aduan .fa-body{padding:28px 26px 0}.fisip-aduan .fa-guide{padding:20px}.fisip-aduan .fa-submit-row{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.fisip-aduan{border-radius:12px;margin:10px auto}.fisip-aduan .fa-hero{padding:26px 25px 35px}.fisip-aduan .fa-brand{font-size:8px;letter-spacing:1px;margin-bottom:26px}.fisip-aduan .fa-brand b{font-size:10px}.fisip-aduan .fa-hero h2{font-size:35px}.fisip-aduan .fa-hero>p{font-size:13px}.fisip-aduan .fa-hero-art{right:-110px;opacity:.12}.fisip-aduan .fa-body{padding:26px 18px 0}.fisip-aduan .fa-intro{display:block;margin-bottom:24px}.fisip-aduan .fa-intro>p{margin-top:12px;max-width:100%}.fisip-aduan .fa-layout{display:flex;flex-direction:column}.fisip-aduan .fa-main,.fisip-aduan .fa-aside{width:100%}.fisip-aduan .fa-card{padding:22px 18px}.fisip-aduan .fa-submit-row{flex-direction:row;align-items:center}.fisip-aduan .fa-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fisip-aduan .fa-guide{grid-row:span 2}.fisip-aduan .fa-note{margin:0}.fisip-aduan .fa-faq{padding:0}.fisip-aduan .fa-footer{margin-top:25px}}
@media(max-width:480px){.fisip-aduan .fa-grid,.fisip-aduan .fa-mode{grid-template-columns:1fr}.fisip-aduan .fa-hero h2{font-size:29px;letter-spacing:-.7px}.fisip-aduan .fa-hero-links{gap:20px}.fisip-aduan .fa-hero-links a{font-size:12px;gap:12px}.fisip-aduan .fa-hero-links a:first-child{padding:11px 14px}.fisip-aduan .fa-grid{gap:16px}.fisip-aduan .fa-mode{gap:8px}.fisip-aduan .fa-mode>label{padding:12px}.fisip-aduan .fa-card h3{font-size:18px}.fisip-aduan .fa-submit-row{display:block}.fisip-aduan .fa-submit-row p{margin-bottom:12px;max-width:none}.fisip-aduan .fa-submit-row .fa-button{width:100%}.fisip-aduan .fa-aside{display:block}.fisip-aduan .fa-note{margin:15px 0}.fisip-aduan .fa-footer{display:block}.fisip-aduan .fa-footer span{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.fisip-aduan *{scroll-behavior:auto!important}}