.halaman-masuk{--kertas:#f3eee3;--mat:#f8f4eb;--tinta:#3d372f;--redup:#786d5e;--emas:#b48d4f;--emas-lembut:#b48d4f73;--sage:#aab59f;--serif:"Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;min-height:100dvh;color:var(--tinta);background:#f6f3ee;padding:10px}.masuk-kertas{isolation:isolate;background-color:var(--kertas);background-image:radial-gradient(120% 80% at 20% 10%,#fffdf6b3,#0000 60%),radial-gradient(90% 70% at 90% 100%,#e2d6be73,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.38 0 0 0 0 0.28 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:6px;max-width:520px;margin:0 auto;padding:40px 22px 32px;position:relative;overflow:hidden;box-shadow:0 1px 2px #3c2d1414,0 12px 32px #3c2d141f}.masuk-kertas>:not(.masuk-hiasan){z-index:1;position:relative}.masuk-hiasan{z-index:0;pointer-events:none;position:absolute;inset:0}.masuk-hiasan svg{position:absolute}.masuk-sobek{filter:drop-shadow(-1px 1px 1.5px #3c2d142e);width:26%;height:170px;top:0;right:0}.masuk-sobek .sage{fill:var(--sage)}.masuk-sobek .tepi{fill:none;stroke:#fbf8f0;stroke-width:3.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.masuk-ranting{filter:drop-shadow(0 1px 1px #3c2d141f);width:min(34%,170px);height:auto;top:-12px;left:-18px;transform:scaleY(-1)rotate(-24deg)}.masuk-ranting .batang{fill:none;stroke:#7d8a70;stroke-width:1.4px;stroke-linecap:round}.masuk-kepala{text-align:center;padding-top:28px}.masuk-merek{letter-spacing:.16em;text-transform:uppercase;color:var(--redup);margin:0 0 10px;font-size:.8rem;font-weight:700}.masuk-kepala h1{font-family:var(--serif);margin:0;font-size:2.15rem;font-style:italic;font-weight:500;line-height:1.15}.masuk-ornamen{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath d='M9 1 L13.5 8 L9 15 L4.5 8 Z' fill='none' stroke='%23b48d4f' stroke-width='1'/%3E%3Cpath d='M9 5 L11 8 L9 11 L7 8 Z' fill='%23b48d4f'/%3E%3Ccircle cx='1.5' cy='8' r='1' fill='%23b48d4f'/%3E%3Ccircle cx='16.5' cy='8' r='1' fill='%23b48d4f'/%3E%3C/svg%3E") center / 18px 16px no-repeat, linear-gradient(var(--emas-lembut), var(--emas-lembut)) left center / calc(50% - 16px) 1px no-repeat, linear-gradient(var(--emas-lembut), var(--emas-lembut)) right center / calc(50% - 16px) 1px no-repeat;width:min(62%,240px);height:16px;margin:14px auto 12px}.masuk-kepala .redup{color:var(--redup);margin:0 0 22px}.masuk-form{background:var(--mat);border:1px solid #e3d8c3;padding:22px 18px 16px;position:relative;box-shadow:0 2px 4px #3c2d1414,0 10px 26px #3c2d141f}.masuk-form:before{content:"";border:1px solid var(--emas-lembut);pointer-events:none;position:absolute;inset:7px}.masuk-form>*{position:relative}.masuk-form label{text-align:center;color:var(--tinta)}.masuk-form .input-kode{background:#fffdf8;border-color:#dccfb8}.masuk-form .input-kode:focus{outline-color:var(--emas)}.masuk-bantu{text-align:center;color:var(--redup);margin:8px 0 16px;font-size:.95rem}button.masuk-tombol{border:1px solid var(--emas);background:var(--tinta);width:100%;min-height:56px;color:var(--mat);font-family:var(--serif);font-size:1.4rem;font-style:italic;font-weight:500}button.masuk-tombol:hover{background:#2b2620}button.masuk-tombol:disabled{opacity:1;background:#8d847a;border-color:#0000}.masuk-tetap{text-align:center;color:var(--redup);margin:12px 0 0;font-size:.95rem}.galat-catatan{color:var(--tinta);margin-top:6px;font-size:.95rem;display:block}.masuk-bantuan{text-align:center;color:var(--redup);margin:20px 0 0;line-height:1.9}.masuk-bantuan a,.masuk-catatan a{color:#7a5a2a;white-space:nowrap;font-weight:600}.masuk-langkah{border-top:1px solid var(--emas-lembut);margin-top:28px;padding-top:22px}.masuk-langkah h2{font-family:var(--serif);text-align:center;margin:0 0 14px;font-size:1.6rem;font-style:italic;font-weight:500}.masuk-langkah ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.masuk-langkah li{align-items:flex-start;gap:14px;display:flex}.masuk-langkah li strong{line-height:1.4;display:block}.masuk-langkah li .redup{color:var(--redup);font-size:.95rem;line-height:1.5;display:block}.masuk-ikon{border:1px solid var(--emas-lembut);background:var(--mat);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid}.masuk-janji{background:#aab59f38;border-radius:10px;margin:18px 0 0;padding:12px 14px;font-size:.95rem;line-height:1.55}.masuk-demo{border:1px solid var(--emas);min-height:52px;color:var(--tinta);font-family:var(--serif);border-radius:999px;justify-content:center;align-items:center;margin-top:16px;font-size:1.3rem;font-style:italic;font-weight:600;text-decoration:none;display:flex}.masuk-catatan{text-align:center;color:var(--redup);margin:22px 0 0;font-size:.95rem}@media (width>=481px){.halaman-masuk{padding:24px}.masuk-kertas{padding:56px 40px 40px}.masuk-kepala h1{font-size:2.5rem}}