:root{--green-950:#052e16;--green-900:#14532d;--green-800:#166534;--green-700:#15803d;--green-600:#16a34a;--blue-600:#0ea5e9;--ink:#080d08;--muted:#7c847b;--line:#cfd8cf;--surface:#fffffff5;--shadow:0 18px 42px #14532d33;--field-shadow:0 4px 10px #080d082e;--app-max:430px}*{box-sizing:border-box}html{background:#e9f7df;min-height:100%}body{min-height:100dvh;color:var(--ink);background:radial-gradient(circle at top,#ffffffc7,#0000 34rem),linear-gradient(135deg,#dff4d2,#f7fff2 45%,#d7efd0);place-items:center;margin:0;font-family:Poppins,Inter,Nunito,Arial,sans-serif;display:grid;overflow-x:hidden}a{color:inherit}button,input,select{font:inherit}img{max-width:100%;display:block}.halaman-login{width:100%;max-width:var(--app-max);background:linear-gradient(180deg, #ffffff2e, #edfce63d), var(--login-bg) center / cover no-repeat;flex-direction:column;gap:clamp(22px,4.5dvh,42px);min-height:100dvh;margin:0 auto;padding:clamp(54px,10dvh,86px) clamp(26px,8vw,36px) clamp(24px,4.8dvh,36px);display:flex;overflow:hidden;box-shadow:0 28px 90px #14532d2e}.halaman-daftar{gap:clamp(14px,3dvh,26px);padding-top:clamp(28px,5dvh,52px);overflow-y:auto}.halaman-daftar::-webkit-scrollbar{display:none}.halaman-daftar .bingkai-logo{width:clamp(78px,22vw,104px);height:clamp(78px,22vw,104px)}.halaman-daftar .identitas-aplikasi h1{font-size:clamp(1.45rem,6vw,1.9rem)}.halaman-daftar .identitas-aplikasi p{font-size:clamp(.98rem,4.4vw,1.2rem)}.kartu-daftar{margin-top:0}.identitas-aplikasi{text-align:center;flex-direction:column;align-items:center;animation:.62s both fade-up;display:flex}.bingkai-logo{border-radius:50%;place-items:center;width:clamp(98px,30vw,128px);height:clamp(98px,30vw,128px);display:grid}.logo-aplikasi{object-fit:contain;width:100%;height:100%}.identitas-aplikasi h1,.identitas-aplikasi p,.form-login h2,.teks-daftar{margin:0}.identitas-aplikasi h1{color:#050505;letter-spacing:0;margin-top:clamp(6px,1.5vw,10px);font-size:clamp(1.7rem,7.5vw,2.15rem);font-weight:950;line-height:.98}.identitas-aplikasi p{color:#050505;letter-spacing:0;margin-top:6px;font-size:clamp(1.08rem,5.2vw,1.36rem);font-weight:900;line-height:1.05}.kartu-login{background:var(--surface);width:100%;max-width:336px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffffb8;border-radius:24px;margin:auto auto 0;padding:clamp(18px,5vw,24px) clamp(14px,4.5vw,18px) clamp(14px,4vw,18px);animation:.72s .1s both fade-up}.form-login{gap:clamp(10px,2.8vw,13px);display:grid}.form-login h2{color:#080808;text-align:center;letter-spacing:0;margin-bottom:2px;font-size:clamp(1rem,4.1vw,1.16rem);font-weight:950;line-height:1.2}.ketentuan-daftar{color:#233123;background:#f4fbf2;border:1px solid #d3e5d2;border-radius:11px;padding:10px 11px;box-shadow:0 4px 10px #080d0814}.ketentuan-daftar h3{color:var(--green-900);letter-spacing:0;margin:0 0 6px;font-size:clamp(.82rem,3.3vw,.9rem);font-weight:950;line-height:1.2}.ketentuan-daftar ul{gap:4px;margin:0;padding-left:17px;display:grid}.ketentuan-daftar li{color:#435043;padding-left:1px;font-size:clamp(.73rem,2.9vw,.8rem);font-weight:700;line-height:1.32}.kolom-formulir{min-width:0}.kolom-formulir label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kolom-formulir input{color:#121812;width:100%;min-height:clamp(46px,12vw,50px);box-shadow:var(--field-shadow);background:#fff;border:1px solid #9ca39c;border-radius:11px;outline:0;padding:0 clamp(12px,4vw,16px);font-size:clamp(.88rem,3.5vw,.98rem);font-weight:650;transition:border-color .18s,box-shadow .18s}.kolom-formulir input::placeholder{color:#9aa09a;font-weight:600}.kolom-formulir input:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #15803d29,0 4px 10px #080d0826}.kolom-formulir select{color:#121812;width:100%;min-height:clamp(46px,12vw,50px);box-shadow:var(--field-shadow);appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23596159' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/18px no-repeat,#fff;border:1px solid #9ca39c;border-radius:11px;outline:0;padding:0 42px 0 clamp(12px,4vw,16px);font-size:clamp(.88rem,3.5vw,.98rem);font-weight:650;transition:border-color .18s,box-shadow .18s}.kolom-formulir select:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #15803d29,0 4px 10px #080d0826}.kolom-formulir select option[value=""]{color:#9aa09a}.kolom-formulir select option{color:#121812;font-weight:650}.kolom-formulir.memiliki-error select{background-color:snow;border-color:#be3131}.kolom-formulir.memiliki-error select:focus{border-color:#9f1d1d;box-shadow:0 0 0 3px #be313124,0 4px 10px #080d0826}.petunjuk-login{color:#596159;margin:7px 3px 0;font-size:clamp(.72rem,2.8vw,.8rem);font-weight:650;line-height:1.35;display:block}.wadah-password{position:relative}.kolom-password input{padding-right:52px}.tombol-lihat-password{color:#596159;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.tombol-lihat-password:hover{color:var(--green-700);background:#edf8ea}.tombol-lihat-password.aktif{color:#fff;background:var(--green-700);box-shadow:0 4px 10px #15803d38}.tombol-lihat-password.aktif:hover{color:#fff;background:var(--green-800)}.tombol-lihat-password:focus-visible{outline:3px solid #15803d2e}.ikon-password{stroke:currentColor;width:21px;height:21px}.ikon-password[hidden]{display:none}.tombol-masuk{color:#fff;cursor:pointer;background:#008b18;border:0;border-radius:11px;place-items:center;width:100%;min-height:clamp(48px,13vw,54px);font-size:clamp(1.35rem,6vw,1.62rem);font-weight:950;line-height:1;transition:transform .18s,background-color .18s,box-shadow .18s;display:inline-grid;box-shadow:0 10px 18px #008b182e}.tombol-masuk:hover{background:#047819;transform:translateY(-1px);box-shadow:0 12px 22px #0478193d}.tombol-masuk:active{transform:translateY(0)}.pesan-login{color:#9f1d1d;text-align:center;background:#fff5f5;border:1px solid #f0c8c8;border-radius:10px;margin:0;padding:9px 10px;font-size:.78rem;font-weight:800;line-height:1.35}.pesan-sukses{color:#08752d;background:#effbef;border-color:#b9dfbe}.pesan-gagal{color:#9f1d1d;background:#fff5f5;border-color:#f0c8c8}.pesan-validasi{text-align:left}.pesan-validasi strong{margin-bottom:5px;display:block}.pesan-validasi ul{margin:0;padding-left:18px}.pesan-validasi li+li{margin-top:3px}.pesan-validasi[hidden]{display:none}.kolom-formulir.memiliki-error input{background:snow;border-color:#be3131}.kolom-formulir.memiliki-error input:focus{border-color:#9f1d1d;box-shadow:0 0 0 3px #be313124,0 4px 10px #080d0826}.pesan-field{color:#9f1d1d;margin:5px 2px 0;font-size:.76rem;font-weight:750;line-height:1.35}.teks-daftar{color:#2a302a;text-align:center;font-size:clamp(.85rem,3.5vw,.98rem);font-weight:650;line-height:1.25}.teks-daftar a{color:var(--blue-600);font-weight:950;text-decoration:none}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=359px){.halaman-login{padding-left:20px;padding-right:20px}}@media (height<=680px){.halaman-login{gap:16px;padding-top:38px;padding-bottom:18px}.bingkai-logo{width:clamp(86px,25vw,102px);height:clamp(86px,25vw,102px)}.kartu-login{padding-top:16px}}@media (width>=768px){body{padding:24px 0}.halaman-login{border-radius:30px;min-height:min(880px,100dvh - 48px)}}@media (width>=1024px){body{padding:32px 0}.halaman-login{border-radius:34px;min-height:min(900px,100dvh - 64px)}}