/* Halaman masuk. Berdiri sendiri: tanpa sidebar, tanpa bilah judul. */

body.masuk {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 1.5rem;
    background: #090e1a;
}

/* Latar biru elegan dengan pendaran cahaya modern */
body.masuk::before {
    content: "";
    position: fixed; inset: 0;
    background:
        radial-gradient(60rem 35rem at 15% -10%, rgba(37,99,235,.28), transparent 65%),
        radial-gradient(50rem 30rem at 95% 105%, rgba(30,64,175,.22), transparent 65%);
    pointer-events: none;
}

.masuk-kotak {
    position: relative;
    width: 100%;
    max-width: 370px;
    background: var(--surface);
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0,0,0,.28);
    overflow: hidden;
}

.masuk-kepala {
    padding: 1.9rem 1.9rem 1.35rem;
    border-bottom: 1px solid var(--line-soft);
}
.masuk-kepala h1 { font-size: 1.12rem; font-weight: 600; letter-spacing: -.015em; }
.masuk-kepala p { font-size: .84rem; color: var(--ink-2); margin-top: .22rem; }

.masuk-isi { padding: 1.5rem 1.9rem 1.9rem; }
.masuk-isi .btn { width: 100%; justify-content: center; margin-top: .35rem; padding: .62rem; }

.masuk-kaki {
    position: relative;
    text-align: center;
    font-size: .76rem;
    color: rgba(255,255,255,.45);
    margin-top: 1.4rem;
    letter-spacing: .01em;
}

/* PIN enam angka: diberi jarak antarhuruf agar mudah dibaca saat diketik. */
input.pin { letter-spacing: .3em; font-family: "SFMono-Regular", ui-monospace, Consolas, monospace; }