.lapor-page{background:#f4f1e9;color:var(--ink)}
.lapor-page .site-header{z-index:70}
.lapor-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#072f25 0%,#0b4a37 58%,#257b52 100%);color:#fff}
.lapor-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,24,18,.28),transparent 58%),radial-gradient(circle at 75% 22%,rgba(216,181,101,.15),transparent 28%)}
.lapor-hero-orbit{position:absolute;border:1px solid rgba(231,203,140,.16);border-radius:50%;pointer-events:none}.lapor-hero-orbit.one{width:430px;height:430px;right:-120px;top:-250px}.lapor-hero-orbit.two{width:230px;height:230px;right:19%;bottom:-165px}
.lapor-hero-inner{position:relative;z-index:1;min-height:470px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.72fr);align-items:center;gap:90px;padding-top:62px;padding-bottom:62px}
.lapor-kicker{display:flex;align-items:center;gap:12px;color:#dfc47e;font-size:9px;font-weight:800;letter-spacing:.22em}.lapor-kicker i{width:34px;height:1px;background:#d6b45e}
.lapor-hero h1{font-family:var(--font-cormorant);font-size:clamp(58px,6vw,88px);font-weight:600;line-height:.82;letter-spacing:-.045em;margin:31px 0 30px}.lapor-hero h1 em{color:#e4ca8d;font-weight:500}
.lapor-hero-copy>p{max-width:680px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.85;margin:0}
.lapor-promise{position:relative;border-left:1px solid rgba(229,205,150,.35);padding:8px 0 8px 36px}.lapor-promise:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#d4b264;left:-4px;top:8px;box-shadow:0 0 20px #d4b264}.lapor-promise>span{display:block;color:#ddc681;font-size:8px;font-weight:800;letter-spacing:.2em;margin-bottom:20px}.lapor-promise strong{font-family:var(--font-cormorant);font-size:35px;font-weight:600;line-height:.95}.lapor-promise p{color:rgba(255,255,255,.58);font-size:10px;line-height:1.8;margin:22px 0 0}
.lapor-workspace{padding:88px 0 120px}.lapor-section-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:48px}.lapor-section-head>div>span{color:#a27f3f;font-size:8px;font-weight:800;letter-spacing:.2em}.lapor-section-head h2{font-family:var(--font-cormorant);font-size:clamp(42px,5vw,64px);line-height:.92;font-weight:600;letter-spacing:-.035em;margin:17px 0 0}.lapor-section-head h2 em{color:#9a793e;font-weight:500}.lapor-section-head>p{color:#68736f;font-size:11px;line-height:1.9;margin:0;border-left:1px solid rgba(16,34,29,.14);padding-left:28px}
.lapor-alert{display:flex;align-items:center;gap:20px;padding:18px 22px;margin-bottom:20px;border:1px solid}.lapor-alert.error{background:#fff5f1;border-color:#ecc7b9;color:#832916}.lapor-alert strong{font-size:10px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.lapor-alert span{font-size:11px;line-height:1.6;border-left:1px solid currentColor;padding-left:20px;opacity:.82}
.lapor-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#d8ded9;padding:2px}.lapor-tabs button{min-height:92px;display:flex;align-items:center;gap:18px;border:0;background:#fff;color:#52615c;padding:19px 26px;text-align:left;cursor:pointer;transition:.25s}.lapor-tabs button:hover{background:#fbfaf6}.lapor-tabs button.active{color:#fff}.lapor-tabs button[data-lapor-tab="pengaduan"].active{background:#b42318}.lapor-tabs button[data-lapor-tab="aspirasi"].active{background:#157347}.lapor-tabs button[data-lapor-tab="pengaduan"]:not(.active):hover{background:#fff3f1;color:#9f1f18}.lapor-tabs button[data-lapor-tab="aspirasi"]:not(.active):hover{background:#f0f8f3;color:#12623c}.lapor-tabs button>b{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font-size:8px;opacity:.75}.lapor-tabs button>span{font-family:var(--font-cormorant);font-size:23px;font-weight:700;line-height:1}.lapor-tabs button small{display:block;font-family:var(--font-manrope);font-size:8px;font-weight:600;line-height:1.5;margin-top:7px;opacity:.7}
.lapor-form{background:#fff;border:1px solid #d8ded9;border-top:0;padding:0 54px}.lapor-form fieldset{border:0;border-bottom:1px solid #e1e4df;margin:0;padding:52px 0}.lapor-form legend{display:flex;align-items:center;gap:15px;width:100%;margin-bottom:30px;padding:0}.lapor-form legend>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2ead9;color:#917039;font-size:8px;font-weight:800}.lapor-form legend>div{font-family:var(--font-cormorant);font-size:25px;font-weight:700;line-height:1}.lapor-form legend small{display:block;font-family:var(--font-manrope);color:#8b9692;font-size:8px;font-weight:600;margin-top:7px;letter-spacing:.02em}
.lapor-required-note{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:24px 0 -18px;color:#b42318;font-size:9px;font-weight:800;letter-spacing:.04em}.lapor-required-note b{font-size:15px;line-height:1}.lapor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.lapor-form label{display:grid;gap:9px;color:#35443f;font-size:9px;font-weight:800;letter-spacing:.025em}.lapor-form label.wide{grid-column:1/-1}.lapor-form label b{color:#c62828;font-size:13px;font-weight:950;line-height:1}.lapor-form input,.lapor-form textarea,.lapor-form select{width:100%;min-height:50px;border:1px solid #cad4ce;background:#fbfcfa;color:#14231e;padding:13px 15px;border-radius:0;outline:0;font:500 11px/1.6 var(--font-manrope);transition:border-color .2s,box-shadow .2s,background .2s}.lapor-form textarea{resize:vertical;min-height:90px}.lapor-form input::placeholder,.lapor-form textarea::placeholder{color:#9ba5a1}.lapor-form input:focus,.lapor-form textarea:focus,.lapor-form select:focus{border-color:#0b4a37;background:#fff;box-shadow:0 0 0 3px rgba(11,74,55,.08)}.lapor-form input:required,.lapor-form textarea:required,.lapor-form select:required{border-left:3px solid #c62828}.lapor-form [hidden]{display:none!important}.lapor-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.lapor-upload{position:relative;display:flex!important;min-height:180px;align-items:center;justify-content:center;text-align:center;border:1px dashed #aebdb5;background:#f8faf7;padding:30px;cursor:pointer}.lapor-upload:hover{border-color:#0b4a37;background:#f2f7f3}.lapor-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0b4a37;color:#fff;font-size:20px}.lapor-upload strong{font-family:var(--font-cormorant);font-size:21px}.lapor-upload small{color:#78847f;font-size:8px;font-weight:600}.lapor-upload>b{color:#9a793e;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.lapor-submit-row{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:34px 0 42px}.lapor-submit-row p{max-width:530px;color:#7c8783;font-size:9px;line-height:1.7;margin:0}.lapor-submit-row button{min-width:210px;height:54px;border:0;background:#c9a75b;color:#11241d;padding:0 22px;font:800 9px var(--font-manrope);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:.25s}.lapor-submit-row button span{font-size:14px;margin-left:14px}.lapor-submit-row button:hover{background:#0b4a37;color:#fff}.lapor-submit-row button:disabled{cursor:wait;opacity:.65}
.lapor-success{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;background:rgba(5,35,26,.72);backdrop-filter:blur(9px)}.lapor-success.open{display:grid}.lapor-success-card{position:relative;width:min(540px,100%);background:#fbfaf6;padding:48px 48px 42px;text-align:center;box-shadow:0 35px 100px rgba(0,0,0,.35)}.lapor-success-card>button:first-child{position:absolute;right:13px;top:9px;border:0;background:none;color:#50615b;font-size:27px;cursor:pointer}.lapor-success-card>span{display:block;color:#9a793e;font-size:8px;font-weight:800;letter-spacing:.2em}.success-mark{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;margin:22px auto;background:#0b4a37;color:#e4ca8d;font-size:28px}.lapor-success-card h2{font-family:var(--font-cormorant);font-size:35px;line-height:1.02;margin:0 0 18px}.lapor-success-card p{color:#68736f;font-size:11px;line-height:1.8}.lapor-success-card p b{color:#0b4a37}.success-action{height:48px;border:0;background:#c9a75b;color:#10231c;padding:0 30px;margin-top:9px;font:800 9px var(--font-manrope);text-transform:uppercase;letter-spacing:.12em;cursor:pointer}
@media(max-width:900px){.lapor-hero-inner{grid-template-columns:1fr;gap:44px;min-height:0;padding-top:80px;padding-bottom:70px}.lapor-hero h1{font-size:72px}.lapor-promise{max-width:480px}.lapor-section-head{grid-template-columns:1fr;gap:28px}.lapor-section-head>p{max-width:540px}.lapor-form{padding:0 34px}}
@media(max-width:600px){.lapor-hero-inner{padding-top:54px;padding-bottom:52px;gap:36px}.lapor-hero h1{font-size:52px;line-height:.88;margin:24px 0}.lapor-hero-copy>p{font-size:11px}.lapor-promise{padding-left:25px}.lapor-promise strong{font-size:29px}.lapor-workspace{padding:62px 0 88px}.lapor-section-head{margin-bottom:32px}.lapor-section-head h2{font-size:43px}.lapor-section-head>p{padding-left:18px}.lapor-alert{align-items:flex-start;flex-direction:column;gap:10px}.lapor-alert span{border-left:0;border-top:1px solid currentColor;padding:10px 0 0}.lapor-tabs{gap:1px;padding:1px}.lapor-tabs button{min-height:88px;padding:15px 12px;gap:10px}.lapor-tabs button>b{width:30px;height:30px;flex:0 0 30px}.lapor-tabs button>span{font-size:19px}.lapor-tabs button small{display:none}.lapor-form{padding:0 20px}.lapor-required-note{margin-top:20px}.lapor-form fieldset{padding:40px 0}.lapor-form-grid{grid-template-columns:1fr;gap:18px}.lapor-form label.wide{grid-column:auto}.lapor-upload{min-height:200px}.lapor-submit-row{align-items:stretch;flex-direction:column;padding-bottom:32px}.lapor-submit-row button{width:100%}.lapor-success-card{padding:42px 22px 32px}.lapor-success-card h2{font-size:30px}}