:root{color:#172436;--ink:#172436;--muted:#697889;--line:#dce5e8;--soft:#f2f6f5;--teal:#0d8587;--teal2:#52c2bb;--red:#9d2f40;--shadow:0 26px 80px #10242d17;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #79d4ce}.site-header{z-index:5;background:linear-gradient(#fff 20%,#ffffffd6 63%,#0000);justify-content:space-between;align-items:center;gap:20px;width:100%;height:116px;padding:0 max(5vw,24px);display:flex;position:absolute;top:0}.brand{align-items:center;gap:14px;display:flex}.logo-crop{width:55px;height:62px;position:relative;overflow:hidden}.logo-crop img{width:260px;max-width:none;height:160px;position:absolute;top:-36px;left:-102px}.brand strong{letter-spacing:1.1px;font-size:15px}.brand small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.cycle{color:#516674;align-items:center;gap:9px;font-size:11px;display:flex}.cycle span{background:var(--teal);border-radius:50%;width:7px;height:7px}main{min-height:calc(100vh - 74px)}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:24px 5vw;font-size:10px;display:flex}.hero{color:#fff;text-align:center;background:#041318;place-items:center;min-height:100svh;padding:150px 24px 72px;display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";filter:blur(70px);opacity:.72;border-radius:50%;animation:14s ease-in-out infinite alternate float;position:absolute}.hero:before{background:#22646b;width:70vw;height:70vw;top:-33vw;left:-20vw}.hero:after{background:#1c8c81;width:62vw;height:62vw;animation-delay:-7s;bottom:-34vw;right:-25vw}.hero-grid{opacity:.18;background-image:linear-gradient(#fff1 1px,#0000 1px),linear-gradient(90deg,#fff1 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 32%,#0000);mask-image:linear-gradient(#0000,#000 32%,#0000)}.hero-content{z-index:1;width:min(780px,100%);position:relative}.eyebrow{letter-spacing:2.2px;color:#5d7a82;text-transform:uppercase;font-size:10px;font-weight:750}.hero .eyebrow{color:#b9d9d9}.hero h1{letter-spacing:-5px;margin:26px 0 24px;font-size:clamp(55px,8vw,102px);line-height:.94}.hero h1 em{color:#7bd1ca;font-style:normal}.hero p{color:#d2dedf;max-width:600px;margin:0 auto;font-size:17px;line-height:1.7}.access-card{max-width:455px;color:var(--ink);background:#fff;border-radius:18px;margin:38px auto 0;padding:8px;display:flex;box-shadow:0 15px 55px #0004}.access-card input{background:0 0;border:0;flex:1;min-width:0;padding:15px 17px;font-size:16px}.access-card button,.primary{background:var(--teal);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:28px;padding:15px 23px;font-weight:700;display:inline-flex}.access-card button:hover,.primary:hover{background:#096f71}.access-note{color:#a9bec1!important;margin-top:14px!important;font-size:11px!important}.error{color:#ffb7c1;min-height:18px;margin-top:13px;font-size:12px}.wrap{width:min(1180px,90%);margin:auto;padding:155px 0 85px}.topline{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.topline h1{letter-spacing:-3px;margin:13px 0 15px;font-size:clamp(38px,5vw,64px);line-height:1}.topline p{color:var(--muted);line-height:1.65}.ghost{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;padding:11px 16px}.identity{grid-template-columns:360px 1fr;gap:54px;display:grid}.portrait-panel{position:relative}.portrait-panel img{aspect-ratio:4/5;object-fit:cover;object-position:top;width:100%;box-shadow:var(--shadow);border-radius:24px;display:block}.portrait-code{background:#ffffffed;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:750;position:absolute;top:18px;left:18px}.identity-copy{padding-top:30px}.identity-copy h2{letter-spacing:-3px;margin:18px 0;font-size:clamp(36px,5vw,67px);line-height:1}.identity-copy .org{color:var(--teal);font-weight:650}.identity-copy>p{color:var(--muted);max-width:610px;font-size:17px;line-height:1.75}.status-rail{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);margin:38px 0 30px;display:grid}.status-rail div{border-right:1px solid var(--line);padding:20px}.status-rail div:last-child{border:0}.status-rail span{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:9px;font-size:10px;display:block}.status-rail b{font-size:13px}.primary.large{min-width:260px;padding:17px 25px}.content-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:clamp(26px,5vw,54px)}.form-shell{grid-template-columns:260px 1fr;gap:55px;display:grid}.form-aside{align-self:start;position:sticky;top:30px}.mini-person{align-items:center;gap:12px;display:flex}.mini-person img{object-fit:cover;object-position:top;border-radius:10px;width:52px;height:64px}.mini-person strong{font-size:13px}.mini-person small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.progress{background:#e7edee;border-radius:10px;height:5px;margin:30px 0 10px;overflow:hidden}.progress i{background:var(--teal);height:100%;transition:width .3s;display:block}.progress-copy{color:var(--muted);font-size:11px}.question{border-bottom:1px solid var(--line);padding:28px 0}.question:first-child{padding-top:0}.question:last-of-type{border:0}.qno{color:var(--teal);letter-spacing:1px;font-size:10px;font-weight:750}.question h3{margin:9px 0 8px;font-size:21px;line-height:1.4}.question>p{color:var(--muted);margin:0 0 15px;font-size:13px;line-height:1.6}.options{flex-wrap:wrap;gap:9px;display:flex}.options label{border:1px solid var(--line);color:#516170;cursor:pointer;border-radius:11px;padding:12px 16px;font-size:13px}.options label:has(input:checked){border-color:var(--teal);color:#126b6b;background:#eaf7f5}.options input{accent-color:var(--teal)}.scale{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.scale label{border:1px solid var(--line);height:44px;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;font-size:12px;display:grid}.scale label:has(input:checked){background:var(--teal);color:#fff;border-color:var(--teal)}.scale input{opacity:0;position:absolute}.field{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;margin-top:8px;padding:14px 15px}.question textarea.field{resize:vertical;min-height:105px}.form-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:25px;display:flex}.form-actions p{color:var(--muted);max-width:420px;font-size:11px;line-height:1.6}.payment-grid{grid-template-columns:1fr 350px;gap:36px;display:grid}.amount-box{color:#fff;background:#10262c;border-radius:20px;padding:36px}.amount-box strong{letter-spacing:-3px;font-size:65px}.amount-box small{color:#9fb6b9;margin-top:7px;display:block}.method{border:1px solid var(--line);cursor:pointer;border-radius:13px;margin:12px 0;padding:17px;display:block}.method:has(input:checked){border-color:var(--teal);box-shadow:0 0 0 1px var(--teal);background:#eff8f7}.method b{font-size:14px}.method span{color:var(--muted);margin:6px 0 0 25px;font-size:11px;display:block}.receipt{max-width:780px;margin:auto}.receipt-head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:32px}.receipt-head .seal{object-fit:cover;border-radius:50%;width:75px;height:75px;margin-bottom:16px}.receipt-person{align-items:center;gap:20px;padding:28px 0;display:flex}.receipt-person img{object-fit:cover;object-position:top;border-radius:13px;width:78px;height:96px}.receipt-person h2{margin:0;font-size:26px}.receipt-person p{color:var(--muted);margin:7px 0 0}.receipt-lines{border-top:1px solid var(--line)}.receipt-lines div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:17px 0;font-size:13px;display:flex}.receipt-lines span{color:var(--muted)}.receipt-actions{justify-content:center;gap:12px;margin-top:28px;display:flex}.success-mark{color:#277959;background:#e0f4ed;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:23px;display:grid}@keyframes float{to{transform:translate(8vw,5vw)scale(1.13)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.hero:before,.hero:after{animation:none}}@media (max-width:850px){.identity,.form-shell,.payment-grid{grid-template-columns:1fr}.portrait-panel{max-width:430px}.form-aside{position:static}.status-rail{margin-top:25px}.scale{grid-template-columns:repeat(5,1fr)}.topline{align-items:flex-start}.cycle{display:none}}@media (max-width:540px){.site-header{height:108px;padding:0 20px}.brand strong{font-size:12px}.brand small{font-size:9px}.logo-crop{width:45px}.hero{padding:135px 20px 50px}.hero h1{letter-spacing:-3px;font-size:54px}.hero p{font-size:15px}.access-card{padding:7px;display:block}.access-card input{text-align:center;width:100%}.access-card button{width:100%}.wrap{width:90%;padding:135px 0 60px}.topline{display:block}.topline .ghost{margin-top:15px}.status-rail{grid-template-columns:1fr}.status-rail div{border-right:0;border-bottom:1px solid var(--line)}.status-rail div:last-child{border:0}.identity-copy{padding-top:5px}.identity-copy h2{font-size:45px}.form-actions{display:block}.form-actions .primary{width:100%}.scale{gap:4px}.scale label{height:40px}.content-card{padding:25px 20px}.receipt-actions{flex-direction:column}.receipt-actions>*{width:100%}footer{gap:15px}}@media print{.site-header,footer,.receipt-actions{display:none}.wrap{padding:30px 0}.content-card{box-shadow:none}}
.role-switch{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff20;border-radius:18px;grid-template-columns:1fr 1fr;gap:7px;width:min(520px,100%);margin:26px auto 8px;padding:7px;display:grid}.role-switch button{color:#b9cbce;background:0 0;border:0;border-radius:12px;padding:15px 18px;font-size:15px;font-weight:750}.role-switch button.active{color:#153038;background:#fff;box-shadow:0 8px 25px #0003}.role-switch small{background:#ffffff18;border-radius:20px;margin-left:7px;padding:3px 7px;font-size:9px}.role-switch button.active small{color:#166c69;background:#e3f2ef}.avatar{color:#fff;letter-spacing:-2px;background:linear-gradient(145deg,#1a7375,#0c3036);justify-content:center;align-items:center;font-weight:780}.profile-portrait{aspect-ratio:4/5;object-fit:cover;object-position:top;width:100%;box-shadow:var(--shadow);border-radius:24px;display:flex}.profile-portrait.avatar{font-size:84px}.mini-avatar.avatar{letter-spacing:0;border-radius:10px;flex:none;width:52px;height:64px;font-size:16px;display:flex}.receipt-avatar.avatar{letter-spacing:0;border-radius:13px;flex:none;width:78px;height:96px;font-size:23px;display:flex}.logo-crop{overflow:visible}.logo-crop img{object-fit:contain;width:100%;height:100%;position:static}.receipt-logo{object-fit:contain;object-position:center;width:86px;height:104px;margin:0 auto 18px;display:block}.identity-heading{flex-direction:column-reverse;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.identity-heading h2{margin:0}.denomination-logo{object-fit:contain;flex:none;width:72px;height:72px}.affiliation{color:#078688;letter-spacing:.3px;margin-top:9px;font-size:13px;font-weight:800}.transfer-apps{border-top:1px solid #dce5e6;margin-top:28px;padding-top:28px}.transfer-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.transfer-heading h2{letter-spacing:1px;margin:7px 0 0;font-size:30px}.transfer-heading h2 small{letter-spacing:1px;color:#6d7c89;font-size:11px}.transfer-heading button{color:#567078;background:#fff;border:1px solid #d6e0e2;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:750}.transfer-apps>p{color:#6c7b89;margin:12px 0 18px;font-size:12px}.payment-app-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.payment-app{color:#172436;background:#f8faf9;border:1px solid #dfe6e7;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;min-height:58px;padding:12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .18s;display:flex}.payment-app:hover{background:#edf8f6;border-color:#4ebbb5;transform:translateY(-1px)}.payment-app i{color:#0d8587;font-style:normal}.payment-single{max-width:980px;margin:0 auto}.momo-instruction{color:#536c73;margin-bottom:8px;font-size:15px;font-weight:750}.payment-single .transfer-heading{align-items:center}.payment-single .transfer-heading h2{letter-spacing:-2px;margin:8px 0 4px;font-size:clamp(42px,7vw,76px);line-height:1}.app-mark{color:#087b7d;letter-spacing:.2px;background:#fff;border:1px solid #e2e9e9;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.app-mark img{object-fit:contain;width:20px;height:20px}.payment-app>span:nth-child(2){margin-right:auto}.method-icon{color:#087b7d;background:#e3f2ef;border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;margin:0 9px 0 5px!important;display:inline-grid!important}.proof-upload{border-top:1px solid #dce5e6;margin-top:30px;padding-top:28px}.proof-upload h3{margin:9px 0 5px;font-size:20px}.proof-upload>p{color:#6c7b89;font-size:12px}.proof-drop{cursor:pointer;color:#087b7d;background:#f4f9f8;border:1.5px dashed #9cbabc;border-radius:14px;align-content:center;place-items:center;gap:6px;min-height:110px;margin-top:16px;font-weight:800;display:grid}.proof-drop input{opacity:0;pointer-events:none;position:absolute}.proof-drop small{color:#71858a;font-size:9px;font-weight:500}.proof-preview{color:#566a72;align-items:center;gap:12px;margin-top:14px;font-size:11px;display:none}.proof-preview.ready{display:flex}.proof-preview img{object-fit:cover;border:1px solid #dce5e6;border-radius:11px;width:76px;height:76px}.proof-error{color:#a4404e;min-height:18px;margin-top:9px;font-size:11px}.gate-view .site-header,.gate-view footer,.home-view .site-header,.home-view footer{display:none}.gate-view .hero,.home-view .hero{padding-top:72px}.gate-logo{object-fit:contain;width:112px;height:132px;margin:0 auto 22px;display:block}.gate h1,.home-view .hero h1{margin:0 0 18px}.gate p{letter-spacing:.6px;font-size:14px}.gate .access-card{margin-top:30px}.portrait-watermark{color:#fff;letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#07181db8;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800;position:absolute;bottom:14px;right:14px}html[data-capture-protection=active],html[data-capture-protection=active] body{-webkit-user-select:none;user-select:none}html[data-capture-protection=active] img{-webkit-user-drag:none;pointer-events:none}@media print{body>*{display:none!important}body:after{content:"D.R.O.G.S — private record";place-items:center;min-height:100vh;display:grid}}@media (max-width:540px){.role-switch{margin-top:20px}.role-switch button{padding:13px 8px;font-size:13px}.payment-app-grid{grid-template-columns:repeat(2,1fr)}.transfer-heading{align-items:flex-start}.transfer-heading h2{font-size:24px}.identity-heading{align-items:flex-start;gap:12px}.denomination-logo{width:54px;height:54px}}.profile-title{color:var(--muted);margin:14px 0;font-size:16px}.profile-denomination{align-items:center;gap:16px;margin-top:18px;display:flex}.profile-denomination .denomination-logo{object-fit:contain;width:72px;height:72px}.profile-portrait{object-fit:cover;object-position:var(--portrait-x,50%) var(--portrait-y,25%)}.identity-copy .profile-denomination{background:#08868813;border:1px solid #0886881a;border-radius:20px;align-items:center;gap:20px;margin:24px 0;padding:20px 24px;display:flex}.identity-copy .profile-denomination .affiliation{letter-spacing:0;text-transform:none;min-width:0;margin:0}.denomination-name{color:#087f82;overflow-wrap:anywhere;font-size:clamp(21px,2.2vw,32px);font-weight:750;line-height:1.2;display:block}.organization-name{letter-spacing:1.1px;color:#55777b;margin-top:9px;font-size:13px;font-weight:650;line-height:1.4;display:block}@media (max-width:540px){.identity-copy .profile-denomination{gap:14px;padding:16px}.profile-denomination .denomination-logo{width:58px;height:58px}}.access-card input:focus-visible{outline:none}.access-card:has(input:focus-visible){outline-offset:4px;outline:3px solid #79d4ce}.access-card input{border-radius:12px}.payment-methods{background:#edf4f3;border-radius:14px;gap:6px;margin-top:28px;padding:6px;display:flex}.payment-methods button{color:#526c73;background:0 0;border:0;border-radius:10px;flex:1;padding:14px 12px;font-weight:700}.payment-methods button[aria-pressed=true]{color:#fff;background:#0d8587}.payment-single [hidden]{display:none!important}.bank-details{background:#f7faf9;border:1px solid #dce5e6;border-radius:18px;margin-top:28px;padding:28px}.bank-details h2{letter-spacing:-.6px;margin:12px 0 24px;font-size:30px}.bank-fields{margin:0}.bank-fields>div{border-top:1px solid #dce5e6;padding:15px 0}.bank-fields dt{color:#61767c;margin-bottom:7px;font-size:13px}.bank-fields dd{justify-content:space-between;align-items:center;gap:16px;margin:0;display:flex}.bank-fields strong{overflow-wrap:anywhere;font-size:21px}.bank-fields button{color:#087f82;background:#fff;border:1px solid #cbdcdd;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:12px}.bank-source{color:#087f82;text-underline-offset:3px;margin-top:18px;font-size:13px;text-decoration:underline;display:inline-block}.copy-status{color:#087f82;min-height:18px;font-size:13px}@media (max-width:540px){.bank-details{padding:20px 16px}.bank-fields strong{font-size:18px}.payment-single .transfer-heading{flex-wrap:wrap}.gate-logo{width:90px;height:108px}}.confirmation-wrap{place-items:center;min-height:80svh;display:grid}.confirmation-card{text-align:center;width:min(760px,100%);padding:clamp(32px,6vw,72px)}.confirmation-card h1{letter-spacing:-1.5px;overflow-wrap:anywhere;margin:24px 0 18px;font-size:clamp(32px,4vw,48px);line-height:1.12}.confirmation-card p{color:var(--muted);max-width:520px;margin:12px auto;font-size:17px;line-height:1.7}.confirmation-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.submission-spinner{border:3px solid #deeeed;border-top-color:var(--teal);border-radius:50%;width:32px;height:32px;margin:28px auto 18px;animation:.75s linear infinite submission-spin;display:block}@keyframes submission-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.submission-spinner{animation:none}}.question-follow-up{border:0;min-width:0;margin:24px 0 0;padding:0}.question-follow-up[hidden]{display:none}.question-follow-up>label,.follow-up-label{color:var(--ink);margin-bottom:10px;font-size:14px;font-weight:650;display:block}.count-field{max-width:220px}.question-follow-up .field{margin-top:0}img.mini-avatar{object-fit:cover;object-position:var(--portrait-x,50%) var(--portrait-y,25%)}.status-rail.progress-summary{flex-wrap:wrap;display:flex}.status-rail.progress-summary>div{flex:200px}.status-rail.progress-summary .approved{color:#257d59;background:#dff4e9}.form-action-help{color:var(--muted);margin:24px 0 14px;font-size:14px;line-height:1.6}.form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.form-actions #save-declaration{margin-right:auto}.form-actions #draft-status{color:var(--teal);font-size:13px}@media (max-width:540px){.form-actions{grid-template-columns:auto 1fr;gap:14px;display:grid}.form-actions #submit-declaration{justify-self:end;width:auto;padding:16px;font-size:14px}.form-actions #draft-status{grid-area:2/1/auto/-1}.form-actions #save-declaration{grid-area:1/1}.form-actions #submit-declaration{grid-area:1/2}}.application-preview{max-width:980px;margin:0 auto}.review-question{border-bottom:1px solid var(--line,#dbe5e7);padding:26px 0}.review-question h3{margin:8px 0}.review-question p,.review-follow-up p{white-space:pre-wrap;overflow-wrap:anywhere}.review-follow-up{border-left:3px solid #deeeee;margin:18px 0 0 24px;padding-left:20px}.review-follow-up h4{margin:0}.truthfulness{align-items:flex-start;gap:14px;padding:28px 0;font-weight:650;line-height:1.6;display:flex}.truthfulness input{flex-shrink:0;width:22px;height:22px;margin-top:5px}#form-errors{color:#a43a35}#review-save-status{color:#087f82;font-size:15px}.form-actions #save-reviewed{margin-right:auto}@media (max-width:540px){.application-preview{padding:20px}.form-actions #save-reviewed{grid-area:1/1;width:auto;padding:15px 18px}.form-actions #confirm-submit{grid-area:1/2;justify-self:end;width:auto;padding:15px 12px;font-size:14px}.form-actions #review-save-status{grid-area:2/1/auto/-1}.form-actions #confirm-submit span{display:none}}
