:root{--bg-start:#fff;--bg-end:#e5e4e2;--card:rgba(18,22,28,.72);--card-hover:rgba(28,34,42,.78);--text:#1d2833;--card-text:#e5e4e2;--muted:#b7c0c8;--primary:#536878;--primary-dark:#425563;--danger:#cc3d4b;--border:hsla(40,5%,89%,.18);--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0;position:relative;background-color:var(--bg-start);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body:before{content:"";position:fixed;inset:-18px;z-index:0;pointer-events:none;background-image:linear-gradient(hsla(0,0%,100%,.18),hsla(0,0%,100%,.18)),url(/gambar.png),linear-gradient(0deg,transparent 24%,hsla(0,0%,100%,.45) 25%,hsla(0,0%,100%,.45) 25.6%,transparent 27%,transparent 74%,hsla(0,0%,100%,.45) 75%,hsla(0,0%,100%,.45) 75.6%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,hsla(0,0%,100%,.45) 25%,hsla(0,0%,100%,.45) 25.6%,transparent 27%,transparent 74%,hsla(0,0%,100%,.45) 75%,hsla(0,0%,100%,.45) 75.6%,transparent 77%,transparent);background-position:50%,50%,50%,50%;background-repeat:no-repeat,no-repeat,repeat,repeat;background-size:56% auto,56% auto,55px 55px,55px 55px;filter:blur(3px);transform:scale(1.02)}body>*{position:relative;z-index:1}a{color:inherit;text-decoration:none}main{width:100%;max-width:560px;margin:0 auto;min-height:100dvh;padding:20px 16px 28px}.card{color:var(--card-text);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px hsla(0,0%,4%,.3);transition:background .2s ease,transform .2s ease}.card:hover{background:var(--card-hover)}.section-title{font-size:1rem;font-weight:700;margin:0}.hero{text-align:center;margin-top:8px}.hero-kicker{margin:0;color:#2f4358;font-weight:500;letter-spacing:.2px;text-transform:uppercase;font-size:.8rem}.hero h1,.sub-header h1{margin:8px 0 0;font-size:1.5rem}.primary-action{margin-top:20px;padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center}.report-button{width:min(100%,320px);display:inline-block;text-align:center}.button{all:unset;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;border-radius:100em;background-color:rgba(0,0,0,.75);box-shadow:-.15em -.15em .15em -.075em rgba(5,5,5,.25),.0375em .0375em .0675em 0 rgba(5,5,5,.1)}.button:after{content:"";position:absolute;z-index:-1;width:calc(100% + .3em);height:calc(100% + .3em);top:-.15em;left:-.15em;border-radius:inherit;background:linear-gradient(-135deg,rgba(5,5,5,.5),transparent 20%,transparent);filter:blur(.0125em);opacity:.25;mix-blend-mode:multiply}.button .button-outer{position:relative;z-index:1;display:block;border-radius:inherit;transition:all .3s ease;will-change:box-shadow;box-shadow:0 .05em .05em -.01em #050505,0 .01em .01em -.01em rgba(5,5,5,.5),.15em .3em .1em -.01em rgba(5,5,5,.25)}.button:hover .button-outer{box-shadow:0 0 0 0 #050505,0 0 0 0 rgba(5,5,5,.5),0 0 0 0 rgba(5,5,5,.25)}.button-inner{position:relative;z-index:1;display:block;border-radius:inherit;padding:1em 1.5em;background-image:linear-gradient(135deg,#e6e6e6,#b4b4b4);transition:box-shadow .3s ease,background-image .25s ease,transform .25s ease,-webkit-clip-path .25s ease;transition:box-shadow .3s ease,clip-path .25s ease,background-image .25s ease,transform .25s ease;transition:box-shadow .3s ease,clip-path .25s ease,background-image .25s ease,transform .25s ease,-webkit-clip-path .25s ease;will-change:box-shadow,clip-path,background-image,transform;overflow:clip;-webkit-clip-path:inset(0 0 0 0 round 100em);clip-path:inset(0 0 0 0 round 100em);box-shadow:inset 0 0 0 0 rgba(5,5,5,.1),inset -.05em -.05em .05em 0 rgba(5,5,5,.25),inset 0 0 0 0 rgba(5,5,5,.1),inset 0 0 .05em .2em hsla(0,0%,100%,.25),inset .025em .05em .1em 0 #fff,inset .12em .12em .12em hsla(0,0%,100%,.25),inset -.075em -.25em .25em .1em rgba(5,5,5,.25)}.button:hover .button-inner{-webkit-clip-path:inset(clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) round 100em);clip-path:inset(clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) round 100em);box-shadow:inset .1em .15em .05em 0 rgba(5,5,5,.75),inset -.025em -.03em .05em .025em rgba(5,5,5,.5),inset .25em .25em .2em 0 rgba(5,5,5,.5),inset 0 0 .05em .5em hsla(0,0%,100%,.15),inset 0 0 0 0 #fff,inset .12em .12em .12em hsla(0,0%,100%,.25),inset -.075em -.12em .2em .1em rgba(5,5,5,.25)}.button .button-inner span{position:relative;z-index:4;font-family:Inter,Segoe UI,sans-serif;letter-spacing:-.03em;font-size:1.05rem;font-weight:600;color:transparent;background-image:linear-gradient(135deg,#191919,#4b4b4b);-webkit-background-clip:text;background-clip:text;transition:transform .25s ease;display:block;will-change:transform;text-shadow:rgba(0,0,0,.1) 0 0 .1em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button:active .button-inner,.button:hover .button-inner span{transform:scale(.975)}.primary-action p{margin:12px 0 0;color:#d2d8dd;font-size:.92rem}.tips{margin-top:24px}.tips-grid{display:grid;grid-gap:12px;gap:12px;margin-top:10px}.tip-card{padding:14px}.tip-card h3{margin:0 0 10px;font-size:1rem}.tip-card ul{margin:0;padding-left:18px;color:#d2d8dd}.tip-card li{margin-bottom:6px}.tip-cta{display:inline-block;margin-top:8px;color:#c7d5e0;font-weight:700}.sub-header{margin-top:6px}.top-nav-row{margin-bottom:10px}.back-link{display:inline-block;color:#1f3550;font-size:.95rem;font-weight:600}.report-form{display:grid;grid-gap:14px;gap:14px;padding:16px;margin-top:14px}.report-form label,.report-form legend{font-size:.92rem;font-weight:600}.report-form input,.report-form select,.report-form textarea{width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:hsla(40,5%,89%,.1);font-size:.95rem;color:#f3f1f0}.report-form textarea{resize:vertical}.report-form fieldset{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:hsla(40,5%,89%,.04)}.inline-label{display:flex;align-items:center;gap:8px;margin-top:6px;font-weight:500}.inline-label input{width:auto;margin:0}.report-form button{margin-top:2px;min-height:48px;width:100%;border:none;border-radius:12px;background:var(--primary);color:#fff;font-size:1rem;font-weight:700}.report-form button:disabled{background:#6b7781}.app-footer{position:fixed;left:0;right:0;bottom:8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.72rem;font-weight:300;letter-spacing:.25px;color:rgba(29,40,51,.62);pointer-events:none}.app-footer-name{font-size:.66rem;opacity:.88}.incident-app{font-family:DM Sans,sans-serif;max-width:680px}.incident-app .hero-kicker{color:#6b6b66;text-transform:none;letter-spacing:.01em;font-weight:500}.incident-app .hero h1,.incident-app .sub-header h1{font-family:"DM Serif Display",serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.1;color:#0f2044;letter-spacing:-.015em}.incident-app .card{background:hsla(0,0%,100%,.92);color:#0a0a0a;border:1px solid #e8e8e4;box-shadow:0 12px 30px rgba(15,32,68,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.incident-app .input-note,.incident-app .primary-action p,.incident-app .privacy-note,.incident-app .tip-card ul{color:#6b6b66}.incident-app .report-form label,.incident-app .report-form legend,.incident-app .section-title,.incident-app .tip-card h3{color:#0f2044}.landing-btn-primary{font-size:15px;font-weight:500;padding:.875rem 2rem;background:#0f2044;color:#fff;border-radius:100px;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex;align-items:center;justify-content:center;border:none}.landing-btn-primary:hover{transform:translateY(-1px);opacity:.88}.incident-app .report-button{width:min(100%,360px)}.incident-app .back-link{color:#0f2044}.incident-app .report-form{background:hsla(0,0%,100%,.95)}.incident-app .report-form input,.incident-app .report-form select,.incident-app .report-form textarea{background:#fff;border:1px solid #d4d4cf;color:#0a0a0a}.incident-app .report-form fieldset{background:#f8fafd;border-color:#dbe3f1}.incident-app .sticky-submit-wrap{background:rgba(240,243,249,.88);border:1px solid #d7dee9}.incident-app .preview-actions button,.incident-app .report-form button{background:#0f2044;color:#fff}.incident-app .report-form button:disabled{background:#98a5bf}.incident-app .secondary-btn{background:#6b6b66!important}.incident-app .preview-overlay{background:rgba(15,32,68,.32)}.incident-app .preview-card h2{color:#0f2044}.incident-app .preview-card pre{background:#f7f9fc;border-color:#dbe3f1;color:#1a1a1a}.incident-app .intro-text{color:#394e6a}.input-note{display:block;margin-top:6px;color:#cfd8e0;font-size:.78rem}.privacy-note{margin:0;color:#cfd8e0;font-size:.82rem}.sticky-submit-wrap{position:-webkit-sticky;position:sticky;bottom:10px;background:rgba(18,22,28,.62);border:1px solid hsla(40,5%,89%,.16);border-radius:14px;padding:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.preview-overlay{position:fixed;inset:0;z-index:20;background:hsla(0,0%,4%,.48);display:flex;align-items:center;justify-content:center;padding:16px}.preview-card{width:min(100%,520px);padding:14px}.preview-card h2{margin:0 0 10px;font-size:1rem}.intro-text{margin:0;line-height:1.5;color:#e7edf3;font-size:.92rem}.preview-card pre{margin:0;white-space:pre-wrap;word-break:break-word;padding:10px;border-radius:10px;font-size:.85rem;background:hsla(40,5%,89%,.08);border:1px solid hsla(40,5%,89%,.2)}.preview-actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.secondary-btn{background:#6d7882!important}@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&family=DM+Serif+Display:ital@0;1&display=swap");